@khanacademy/perseus-editor 33.0.1 → 33.0.2

package/dist/components/coordinate-pair-input.d.ts

@@ -1,13 +1,13 @@
 import * as React from "react";
 import type { Coord } from "@khanacademy/perseus";
 import type { StyleType } from "@khanacademy/wonder-blocks-core";
-type Props = {
+interface Props {
     coord: [number, number];
     labels?: [string, string];
     error?: boolean;
     style?: StyleType;
     labelStyle?: StyleType;
     onChange: (newCoord: Coord) => void;
-};
+}
 declare const CoordinatePairInput: (props: Props) => React.JSX.Element;
 export default CoordinatePairInput;

package/dist/components/segmented-control.d.ts

@@ -0,0 +1,35 @@
+import * as React from "react";
+interface Option {
+    value: string;
+    label: React.ReactNode;
+    ariaLabel?: string;
+}
+interface SegmentedControlProps {
+    options: ReadonlyArray<Option>;
+    selectedValue: string | null | undefined;
+    onChange: (value: string) => void;
+    disabled?: boolean;
+    "aria-label"?: string;
+}
+/**
+ * A row of mutually-exclusive (single-select) segments — a segmented control.
+ * Replaces the deprecated `Pill`-as-button pattern. Pass `disabled` to disable
+ * the whole group (e.g. `editingDisabled`).
+ */
+export declare function SegmentedControl({ options, selectedValue, onChange, disabled, "aria-label": ariaLabel, }: SegmentedControlProps): React.ReactElement;
+interface ToggleButtonGroupProps {
+    options: ReadonlyArray<Option>;
+    selectedValues: ReadonlyArray<string>;
+    onToggle: (value: string) => void;
+    disabled?: boolean;
+    "aria-label"?: string;
+}
+/**
+ * A group of independent (multi-select) toggles — i.e. a set of checkboxes
+ * styled as buttons. Unlike `SegmentedControl`, more than one can be selected,
+ * and the group wraps onto multiple rows as an aligned grid (consistent row and
+ * column gaps) when it doesn't fit on one line. `onToggle` is called with the
+ * value that was clicked; the caller flips it in/out of `selectedValues`.
+ */
+export declare function ToggleButtonGroup({ options, selectedValues, onToggle, disabled, "aria-label": ariaLabel, }: ToggleButtonGroupProps): React.ReactElement;
+export {};

package/dist/es/index.css

@@ -1,12 +1,46 @@
 .widget-editor-settings-container{padding-block-start:var(--wb-sizing-size_120)!important;padding-inline:var(--wb-sizing-size_120)!important}.best-practices-container{margin-block-end:var(--wb-sizing-size_060)!important}code{font-family:Courier,monospace}.pod-title{background-color:#eee;border:1px solid #ddd;border-bottom:0;border-radius:3px 3px 0 0;font-size:1.25em;padding:4px 10px}.pod-title.closed{border-radius:3px}.smiley{left:0;position:absolute;top:4px}.perseus-single-editor{box-sizing:border-box;width:100%}.perseus-json-editor{font-family:monospace;height:500px;width:100%}.perseus-json-editor.invalid{background-color:#ffe6e6}.perseus-textarea-pair{border:1px solid #ddd;font-size:12px;line-height:1.6;position:relative}.perseus-textarea-pair>.perseus-textarea-underlay{word-wrap:break-word;color:transparent;margin-bottom:12px;padding:10px;white-space:pre-wrap}.perseus-textarea-pair>.perseus-textarea-underlay b{background-color:#dfd;font-weight:400}.perseus-textarea-pair>.perseus-textarea-underlay b.selected{background-color:#ddf}.perseus-textarea-pair>.perseus-textarea-underlay b.error{background-color:#fcc}.perseus-textarea-pair>textarea{background:transparent;border:0;box-sizing:border-box;font:inherit;height:100%;left:0;overflow:hidden;padding:10px;position:absolute;resize:none;top:0;width:100%}.perseus-widget-row{margin:7px 0;width:100%}.perseus-widget-row .perseus-widget-left-col,.perseus-widget-row .perseus-widget-right-col{display:inline-block;width:50%}.perseus-widget-row .perseus-widget-left-col .range-input,.perseus-widget-row .perseus-widget-right-col .range-input{float:right;margin-right:5px}.perseus-widget-row>.range-input{margin-left:10px}.perseus-answer-options{border:1px solid #ddd;padding:10px}.perseus-answer-options *{margin-bottom:4px}.perseus-answer-widget{border:1px solid #ddd;border-radius:0 0 3px 3px;padding:10px}.perseus-answer-none{border-bottom:1px solid #ddd}.perseus-answer-none>div{display:none}.perseus-widget-editor{border:1px solid #ddd;border-radius:3px;margin-top:10px}.perseus-widget-editor .perseus-widget-editor-title{align-items:center;background-color:#eee;border:0;border-radius:3px 3px 0 0;cursor:pointer;display:flex;font-size:1.25em;padding:4px 10px;position:relative}.perseus-widget-editor .perseus-widget-editor-title.closed{border-radius:3px}.perseus-widget-editor .perseus-widget-editor-title :first-child{flex-grow:1}.perseus-widget-editor .perseus-widget-editor-title>a{color:inherit;text-decoration:none}.perseus-widget-editor .perseus-widget-editor-title .alignment{margin-right:5px}.perseus-widget-editor .perseus-widget-editor-title .simple-button{font-size:13px;padding:0 10px}.perseus-widget-editor .perseus-widget-editor-content{border-radius:0 0 3px 3px;padding:0 var(--wb-sizing-size_100) var(--wb-sizing-size_100);transition:all 0s}.perseus-widget-editor .perseus-widget-editor-content.leave{display:none}.perseus-widget-editor .perseus-widget-editor-content .inline-options{float:inline-start;line-height:24px;padding-inline-end:.5em}.perseus-widget-editor .perseus-widget-editor-content .tooltip-for-legend{display:inline-block;line-height:24px}.perseus-widget-editor .categorizer-container{overflow-x:scroll}.perseus-widget-editor .section-accordion{display:flex;flex-direction:row}.perseus-widget-editor .delete-item-button{align-self:center;padding-right:.5em}.perseus-widget-editor-title-id{align-items:center;display:inline-flex}.perseus-widget-editor-title-id>svg{float:left;font-size:14px;margin-right:10px}.perseus-editor-accordion-container{display:inline-grid;width:100%}.perseus-editor-accordion-container.collapsed{grid-template-rows:0fr;min-height:0;transition:all .25s step-end,grid-template-rows .25s;visibility:hidden}.perseus-editor-accordion-container.expanded{grid-template-rows:1fr;min-height:100%;transition:grid-template-rows .5s;visibility:visible}.perseus-editor-accordion-container .perseus-editor-accordion-content{margin:0 -1px;overflow:hidden;padding:0 1px}.perseus-editor-widgets-selectors{background-color:#eee;border:1px solid #ddd;border-radius:0 0 3px 3px;border-top:0;display:flex;flex-wrap:wrap;padding:10px/2}.perseus-editor-widgets-selectors select{margin:2px}.perseus-editor-widgets>div.selected>strong{background-color:#ddf}.perseus-editor-widgets .warning{background-color:#fcc;margin:4px;padding:4px}.perseus-editor-word-count{cursor:help;flex:1;float:right;margin-right:3px;margin-top:2px;text-align:right}.MathJax .math{color:inherit}#perseus{margin:20px;width:calc(100% - 500px);z-index:10}#perseus #problemarea #workarea{margin:0}#perseus #problemarea #workarea .perseus-image-caption{top:0!important}#perseus .perseus-answer-container>div,#perseus .perseus-question-container>div{padding-bottom:25px}#perseus .add-choice-container,#perseus .add-hint-container{display:flex;flex-direction:row;margin-bottom:20px;text-align:left}#problemarea{float:left;font-size:14px;padding-bottom:38px;position:relative}#problemarea a:link,#problemarea input,#problemarea label,#problemarea select{position:relative;z-index:3}.perseus-editor-table{clear:both;display:table;table-layout:fixed}.perseus-editor-row{display:table-row}.perseus-editor-left-cell{display:table-cell;max-width:360px;min-width:360px;padding-right:30px;position:relative;vertical-align:top;width:360px;z-index:10}.perseus-editor-right-cell{box-sizing:border-box;display:table-cell;padding:5px 30px 30px;vertical-align:top}.perseus-hint-editor{padding-bottom:20px}.perseus-hint-editor .perseus-single-editor{margin-bottom:5px}.perseus-hint-editor .reorder-hints button{font-size:16px}.perseus-hint-editor .reorder-hints button:active,.perseus-hint-editor .reorder-hints button:hover{color:#000;text-decoration:none}.perseus-hint-editor .reorder-hints button.hidden{visibility:hidden}.perseus-hint-editor .remove-hint{float:right;font-size:13px;padding:0 10px}.perseus-hints-editor .add-hint{font-size:13px}.perseus-hints-editor .perseus-editor-row:first-child .perseus-editor-right-cell{border-top:0}.perseus-hint-editor+div .perseus-hint-renderer{width:100%}.perseus-hint-editor+div .perseus-hint-renderer div.paragraph{margin:0 0 22px}.perseus-article-editor{margin-bottom:20px;margin-top:20px}.perseus-article-editor .perseus-editor-table{margin-left:auto;margin-right:auto}.perseus-article-editor .perseus-single-editor{margin-bottom:10px}.perseus-article-editor .section-control-button,.perseus-article-editor .step-control-button{font-size:13px;margin:0 2px;padding:2px 10px}.perseus-article-editor .perseus-editor-left-cell{min-width:360px}.perseus-article-editor .desktop-preview,.perseus-article-editor .editor-preview,.perseus-article-editor .mobile-preview,.perseus-article-editor .standalone-preview{box-sizing:border-box}.perseus-article-editor .mobile-preview{border:1px solid rgba(0,0,0,.29);box-shadow:0 2px 4px 0 rgba(0,0,0,.29);max-width:322px;padding:32px 16px}.perseus-article-editor .desktop-preview{border:1px solid transparent;padding:32px 20px}.perseus-article-editor .editor-preview{display:table-cell}.perseus-article-editor .editor-preview.full-width{width:100%}.perseus-article-editor .editor-preview .desktop-preview{border:1px solid rgba(0,0,0,.29);box-shadow:0 2px 4px 0 rgba(0,0,0,.29);width:100%}.perseus-article-editor .standalone-preview .desktop-preview,.perseus-article-editor .standalone-preview .mobile-preview{margin-left:auto;margin-right:auto}.perseus-article-editor .json-editor{margin:auto;max-width:688px}.perseus-article-editor .perseus-json-editor{display:block;margin-left:auto;margin-right:auto}.perseus-article-editor .json-editor-warning{margin-bottom:10px;text-align:center}.perseus-article-editor .framework-perseus.perseus-article{box-sizing:border-box}.perseus-article-editor .framework-perseus.perseus-article *{box-sizing:inherit}.perseus-article-editor .perseus-editor-left-cell>.pod-title{padding:4px 9px}.perseus-widget-dropdown input[type=text]{border:1px solid #ccc;border-radius:5px;padding:5px}.perseus-widget-dropdown .dropdown-choices{margin:20px 0}.perseus-widget-dropdown .dropdown-choices .dropdown-choice{align-items:center;display:flex;flex-direction:row;gap:10px;margin-bottom:10px}.perseus-widget-dropdown .dropdown-info{display:inline-flex;margin-bottom:16px}.perseus-widget-dropdown .dropdown-field{align-items:center;display:flex;flex-direction:row;margin-bottom:16px;min-width:0}.perseus-widget-dropdown .remove-choice{margin-bottom:10px}.perseus-input-number-editor{font-family:Lato,Noto Sans,sans-serif;font-size:16px;font-weight:400;line-height:20px}.perseus-input-number-editor .answer-option .unsimplified-options{min-height:48px}.perseus-input-number-editor .perseus-textarea-pair{font-size:16px}.perseus-input-number-editor .perseus-textarea-pair .perseus-textarea-underlay{margin-bottom:26px}.perseus-input-number-editor .perseus-textarea-pair textarea{background-color:#fff;border:1px solid rgba(33,36,44,.5);border-radius:4px}.perseus-input-number-editor .input-answer-editor-message,.perseus-input-number-editor .input-answer-editor-value{display:inline-block}.perseus-input-number-editor .input-answer-editor-value-container{display:block}.perseus-input-number-editor .input-answer-editor-value-container input{background:#fff;border:1px solid rgba(33,36,44,.5);border-radius:4px;color:#21242c;font-family:Lato,Noto Sans,sans-serif;font-size:16px;font-weight:400;line-height:20px;outline-offset:-2px}.perseus-input-number-editor .input-answer-editor-value-container .numeric-input-value{margin-left:8px;width:6em}.perseus-input-number-editor .input-answer-editor-value-container .max-error-input-value{display:none;width:3em}.perseus-input-number-editor .input-answer-editor-value-container .max-error-plusmn{cursor:default;display:none;height:32px;padding-top:4px;text-align:center;vertical-align:top;width:1em}.perseus-input-number-editor .input-answer-editor-value-container.with-max-error .numeric-input-value,.perseus-input-number-editor .input-answer-editor-value-container:focus-within .numeric-input-value{border-bottom-right-radius:0;border-right:none;border-top-right-radius:0}.perseus-input-number-editor .input-answer-editor-value-container.with-max-error .max-error-input-value,.perseus-input-number-editor .input-answer-editor-value-container:focus-within .max-error-input-value{border-bottom-left-radius:0;border-left:none;border-top-left-radius:0;display:inline-block}.perseus-input-number-editor .input-answer-editor-value-container.with-max-error .max-error-plusmn,.perseus-input-number-editor .input-answer-editor-value-container:focus-within .max-error-plusmn{border-bottom:1px solid rgba(33,36,44,.5);border-top:1px solid rgba(33,36,44,.5);display:inline-block}.perseus-input-number-editor .answer-status,.perseus-input-number-editor .answer-trash,.perseus-input-number-editor .options-toggle{height:26px;line-height:26px;outline-offset:-3px;vertical-align:middle}.perseus-input-number-editor .value-divider{border-top:1px solid #ccc}.perseus-input-number-editor .answer-trash,.perseus-input-number-editor .options-toggle{border-left:1px solid #ccc;box-sizing:border-box;cursor:pointer;display:inline-block;text-align:center;text-decoration:none;width:20%}.perseus-input-number-editor .options-toggle{background-color:#eee;color:#444}.perseus-input-number-editor .options-toggle:hover{background-color:#ccc}.perseus-input-number-editor .answer-trash{background-color:#c04f03;background-image:linear-gradient(180deg,#e35d04,#c04f03);color:#fff}.perseus-input-number-editor .answer-trash:hover{background-image:linear-gradient(180deg,#f46e15,#d16014);color:#fff}.perseus-input-number-editor .is-strict-indicator{background-color:#d9edf7;border-bottom:1px solid #ccc;font-size:16px;height:12px;line-height:12px;top:0}.perseus-input-number-editor .is-strict-indicator,.perseus-input-number-editor .simplify-indicator{border-right:1px solid #ccc;bottom:auto;cursor:default;left:0;position:absolute;right:auto;text-align:center;-webkit-user-select:none;user-select:none;width:12px}.perseus-input-number-editor .simplify-indicator{border-top:1px solid #ccc;font-size:10px;height:13px;line-height:13px;top:12px}.perseus-input-number-editor .simplify-indicator.optional{background-color:#afa}.perseus-input-number-editor .simplify-indicator.enforced{background-color:#fcc}.perseus-input-number-editor .answer-status{color:inherit;display:inline-block;text-align:center;text-decoration:none;-webkit-user-select:none;user-select:none;width:60%}.perseus-input-number-editor .answer-status.wrong{background-color:#fcc}.perseus-input-number-editor .answer-status.correct{background-color:#afa}.perseus-input-number-editor .answer-status.ungraded{background-color:#d9edf7}.perseus-input-number-editor .input-answer-editor-message{margin-left:5px}.perseus-input-number-editor .input-answer-editor-message .perseus-single-editor{font-family:Lucida Grande;width:230px}.perseus-input-number-editor .input-answer-editor-message .perseus-single-editor .perseus-textarea-pair>textarea,.perseus-input-number-editor .input-answer-editor-message .perseus-single-editor .perseus-textarea-underlay{padding:5px}.perseus-input-number-editor .input-answer-editor-message .perseus-single-editor .perseus-textarea-pair{border-color:#ccc;border-radius:3px;min-height:53px}.perseus-input-number-editor .input-answer-editor-message .perseus-single-editor .perseus-textarea-underlay{margin-bottom:0}.perseus-widget-radio{margin-bottom:10px}.perseus-widget-radio .choice-editor .perseus-single-editor{margin-bottom:0}.perseus-widget-radio .choice-editor.correct textarea{background:#afa}.perseus-widget-radio .choice-editor.incorrect textarea{background:#fcc}.perseus-widget-radio textarea::placeholder{color:#777}.perseus-widget-radio .rationale-editor .perseus-textarea-pair{border-top:0}.perseus-widget-radio .choice-editor,.perseus-widget-radio .choice-rationale-editors,.perseus-widget-radio .rationale-editor{display:inline-block;width:100%}.perseus-widget-radio .perseus-single-editor{border:0;display:inline-block;margin:0 0 5px;vertical-align:top}.perseus-widget-radio .perseus-single-editor p{margin:0}.perseus-widget-radio .perseus-textarea-pair,.perseus-widget-radio .perseus-textarea-underlay{display:block;overflow-wrap:anywhere}.perseus-widget-radio .perseus-textarea-pair>.perseus-textarea-underlay,.perseus-widget-radio .perseus-textarea-pair>textarea{padding:5px}.perseus-widget-editor-content .add-choice-container .simple-button{margin-right:10px}.perseus-widget-editor-content .perseus-widget-radio{position:static}.perseus-widget-editor-content .perseus-widget-radio .checkbox{position:relative;top:-10px}.perseus-widget-editor-content .perseus-radio-option.none-of-above:before{content:"None of the above";display:block;font-style:italic;font-weight:700}.perseus-widget-editor-content .perseus-radio-option.none-of-above .choice-editor.incorrect{opacity:.5}#solutionarea .perseus-widget-radio li{padding:7px 0}.framework-perseus table.perseus-widget-table-of-values th .perseus-single-editor{margin-bottom:6px;width:80px}.framework-perseus table.perseus-widget-table-of-values th .perseus-single-editor,.framework-perseus table.perseus-widget-table-of-values th .perseus-textarea-pair{height:50px}.categorization-container.categorization-container-editor{margin-bottom:160px;width:350px}.categorization-container.categorization-container-editor .card input{display:block;font-size:12px;margin:7px 3px 7px 13px;width:81%}.categorization-container.categorization-container-editor .category{float:left;padding:5px;width:160px}.categorization-container.categorization-container-editor .categories{width:176px}.categorization-container.categorization-container-editor .perseus-textarea-underlay{margin-bottom:0}.categorization-container.categorization-container-editor .drag-bar{float:left;font-size:10px;height:70%;margin-top:3px;padding:2px 0}.categorization-container.categorization-container-editor .header{margin-bottom:8px}.categorization-container.categorization-container-editor .header input{display:block;margin-right:24px;width:76%}.categorization-container.categorization-container-editor .header .remove{color:#666;cursor:pointer;float:right;height:20px;left:12px;padding:2px;position:relative;top:-14px;width:20px}.categorization-container.categorization-container-editor .header .remove:hover{color:#333}.categorization-container.categorization-container-editor .delete-item-area{border:2px dashed #888;bottom:-150px;color:#888;font-size:20px;height:60px;left:10px;padding-top:40px;position:absolute;text-align:center;width:150px}.categorization-container.categorization-container-editor .delete-item-area.target{border-color:#000;color:#333}.categorization-container.categorization-container-editor .card{padding:0;width:130px}.categorization-container.categorization-container-editor .card.dragging .drag-bar{margin-left:2px}.categorization-editor-area{height:30px}.categorization-editor-area .add-item{float:left;margin-left:17px}.categorization-editor-area .add-category{margin-left:173px}.perseus-widget-interactive-graph{display:block}.perseus-widget-plotter-editor .pic-url,.perseus-widget-plotter-editor .plotter-categories{width:70%}.perseus-text-list-editor input[type=text]{margin-right:5px;max-width:340px;min-width:20px;padding:3px}.perseus-text-list-editor.layout-horizontal input[type=text]{float:left}.perseus-matcher-editor .perseus-text-list-editor{float:left;max-width:50%}.perseus-matcher-editor .perseus-text-list-editor input[type=text]{max-width:90%}.perseus-matcher-editor input[type=text]{width:46%}.perseus-matcher-editor input[type=text]+input[type=text]{margin-left:2%}.info-tip{display:inline-block}.info-tip-content-container p{font-size:12px;line-height:1.4;margin:0}.info-tip-content-container p+p{margin-top:22px}.perseus-widget-interaction-editor .perseus-widget-interaction-editor-select-element{background-color:#eee;border:1px solid #ddd;border-radius:0 0 3px 3px;border-top:0;margin:20px -11px -11px;padding:5px 10px}.perseus-widget-interaction-editor .colorpicker-circle{border-radius:50%;height:14px;left:5px;position:absolute;top:5px;width:14px}.perseus-interaction-element{border:1px solid #ddd;border-radius:3px}.perseus-interaction-element .perseus-interaction-element-title{background-color:#eee;border:0;border-radius:3px 3px 0 0;color:inherit;display:block;font-size:1.25em;font-size:1em;overflow:hidden;padding:4px 10px;text-decoration:none;white-space:nowrap}.perseus-interaction-element .perseus-interaction-element-title.closed{border-radius:3px}.perseus-interaction-element .perseus-interaction-element-title>svg{float:left;font-size:14px;margin-right:10px}.perseus-interaction-element .perseus-interaction-element-content{border-radius:0 0 3px 3px;border-top:1px solid #ddd;padding:10px}.perseus-interaction-element .perseus-interaction-element-content .edit-controls{margin-top:-30px;text-align:right}.perseus-interaction-element .perseus-interaction-element-content .edit-controls>button{background:#fff;border:0;color:#555;cursor:pointer;font-size:18px;margin-left:7px;padding:0}.perseus-interaction-element .perseus-interaction-element-content.leave{display:none}.button-set-separator{margin:10px 0}.perseus-widget-editor .unit-radio{color:#000;text-decoration:none}.unit-example-not-okay{color:red}.unit-example-okay{color:green}.pair-editor input{width:120px}.marvel-device.iphone6.silver:after{z-index:1}.perseus-diff{margin:0 10px}.perseus-diff .diff-header{display:inline-block;font-size:18px;padding:10px 0;width:50%}.perseus-diff .diff-header.collapsed{font-size:14px;padding:0}.perseus-diff .diff-body{border-bottom:1px solid #e4e4e4;border-top:1px solid #e4e4e4}.perseus-diff .diff-row{box-sizing:border-box;font-size:14px;overflow:hidden;padding-left:10px;padding-right:20px;white-space:pre-wrap;width:50%}.perseus-diff .diff-row.collapsed{color:#888;cursor:pointer}.perseus-diff .diff-row.collapsed:hover{color:#666}.perseus-diff .diff-row.collapsed:active{color:#444}.perseus-diff .diff-row .diff-line{margin-bottom:20px}.perseus-diff .before{border-left:1px solid #e4e4e4;float:left}.perseus-diff .after{border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4;float:right}.perseus-diff .inner-value{height:100%;padding:3px}.perseus-diff .not-present{display:none}.perseus-diff .blank-space{visibility:hidden}.perseus-diff .added{background-color:#efe}.perseus-diff .added.dark{background-color:#afa}.perseus-diff .removed{background-color:#fee}.perseus-diff .removed.dark{background-color:#faa}.perseus-diff .image{display:inline-block;margin-bottom:10px;margin-left:20px}.perseus-diff .image,.perseus-diff .image>div,.perseus-diff .image>img{max-height:300px;max-width:100%}.perseus-diff .image-unchanged{border:1px solid #aaa}.perseus-diff .image-added{border:2px solid #afa}.perseus-diff .image-removed{border:2px solid #faa}.perseus-diff .diff-separator{border-bottom:1px dashed #444;margin:30px 0 10px}.perseus-editor-table fieldset{min-inline-size:0;min-width:0}.perseus-single-editor.perseus-editor-disabled .keypad-input,.perseus-single-editor.perseus-editor-disabled .perseus-math-input,.perseus-single-editor.perseus-editor-disabled checkbox,.perseus-single-editor.perseus-editor-disabled input,.perseus-single-editor.perseus-editor-disabled select,.perseus-single-editor.perseus-editor-disabled textarea{background-color:var(
         --wb-semanticColor-core-background-neutral-subtle
-    )!important;border-color:var(--wb-semanticColor-core-border-neutral-subtle)!important;cursor:not-allowed!important;opacity:.6!important}.perseus-single-editor.perseus-editor-disabled button{cursor:not-allowed!important;opacity:.6!important}.perseus-editor-disabled .perseus-widget-plotter{pointer-events:none}.perseus_4qo24hC2{align-items:start;background-color:var(
+    )!important;border-color:var(--wb-semanticColor-core-border-neutral-subtle)!important;cursor:not-allowed!important;opacity:.6!important}.perseus-single-editor.perseus-editor-disabled button{cursor:not-allowed!important;opacity:.6!important}.perseus-editor-disabled .perseus-widget-plotter{pointer-events:none}.perseus_xyIPJvSm{padding-left:var(--wb-sizing-size_080);padding-right:var(--wb-sizing-size_080)}.perseus_6B-8VzAW{padding-bottom:var(--wb-sizing-size_060);padding-top:var(--wb-sizing-size_060)}.perseus_SHUAvRqo{border:1px solid #ddd;border-radius:3px;display:flex;flex-direction:column}.perseus_yBc0LCPb{display:flex;gap:var(--wb-sizing-size_120)}.perseus_h0zeeqNR{text-transform:uppercase!important}.perseus_xbG0OWq1{font-style:italic!important}.perseus_XphVr0Eg{gap:var(--wb-sizing-size_120)!important}.perseus_-z--eTDm{gap:var(--wb-sizing-size_080)!important}.perseus_UuEVVICK{padding-inline:var(--wb-sizing-size_160)!important}.perseus_az1kQinp{font-size:18px;font-weight:700}.perseus_khxW0hEz{font-size:18px}.perseus_UPlDqNry{font-size:110%;font-weight:700}.perseus_2aajvB7Y,.perseus_UPlDqNry{margin-top:var(--wb-sizing-size_100)}.perseus_4qo24hC2{align-items:start;background-color:var(
         --wb-semanticColor-core-background-instructive-subtle
-    );border:1px solid var(--wb-semanticColor-core-border-base-subtle);border-radius:var(--wb-sizing-size_080);display:flex;flex-direction:column;margin-block-end:var(--wb-sizing-size_120);margin-block-start:var(--wb-sizing-size_080);padding:var(--wb-sizing-size_080)}.perseus_BMTr3h5s{align-items:center;display:flex;flex-direction:row}.perseus_4OCWnpA9{display:block;margin-inline:var(--wb-sizing-size_080)}.perseus_SKDkfpcb{background-color:var(--wb-semanticColor-core-background-neutral-default);height:1px;margin-block:var(--wb-sizing-size_080);width:100%}.perseus_Uwpkz4-V{padding-bottom:var(--wb-sizing-size_120);position:relative}.perseus_Z9--Lqsc{margin-block-end:var(--wb-sizing-size_080)}.perseus_H6OWRNo-{align-items:center;display:flex;gap:var(--wb-sizing-size_040)}.perseus_wAZzFxEx{height:26px!important}.perseus_6FquBkGo{align-items:center!important;display:flex!important;flex-direction:row!important;margin-top:8px!important}.perseus_9oJAXCGH{flex-direction:column!important}.perseus_4KcHH9Bl,.perseus_9oJAXCGH{background-color:var(
+    );border:1px solid var(--wb-semanticColor-core-border-base-subtle);border-radius:var(--wb-sizing-size_080);display:flex;flex-direction:column;margin-block-end:var(--wb-sizing-size_120);margin-block-start:var(--wb-sizing-size_080);padding:var(--wb-sizing-size_080)}.perseus_BMTr3h5s{align-items:center;display:flex;flex-direction:row}.perseus_4OCWnpA9{display:block;margin-inline:var(--wb-sizing-size_080)}.perseus_SKDkfpcb{background-color:var(--wb-semanticColor-core-background-neutral-default);height:1px;margin-block:var(--wb-sizing-size_080);width:100%}.perseus_Uwpkz4-V{padding-bottom:var(--wb-sizing-size_120);position:relative}.perseus_Z9--Lqsc{margin-block-end:var(--wb-sizing-size_080)}.perseus_H6OWRNo-{align-items:center;display:flex;gap:var(--wb-sizing-size_040)}.perseus_wAZzFxEx{height:26px!important}.perseus_6FquBkGo{align-items:center!important;display:flex!important;flex-direction:row!important;margin-top:8px!important}.perseus_7paQgL4U{gap:var(--wb-sizing-size_120)!important;padding-top:var(--wb-sizing-size_060)!important}.perseus_DdFGH-ag{color:var(--wb-semanticColor-core-foreground-neutral-subtle)!important}.perseus_so0nIc4z{border:1px solid var(--wb-semanticColor-core-border-neutral-subtle);border-radius:var(--wb-sizing-size_040);padding:var(--wb-sizing-size_040)}.perseus_lfG1X93S{align-items:center!important;display:flex!important;flex-direction:row!important;justify-content:space-between!important;margin-bottom:var(--wb-sizing-size_080)!important}.perseus_thf-SEbO{border-bottom:1px solid var(--wb-semanticColor-core-border-neutral-subtle)!important;border-top:1px solid var(--wb-semanticColor-core-border-neutral-subtle)!important;margin-top:var(--wb-sizing-size_080)!important;padding-bottom:var(--wb-sizing-size_080)!important;padding-top:var(--wb-sizing-size_080)!important}.perseus_dM32KBSs{list-style:revert;margin-left:var(--wb-sizing-size_080)}.perseus_0LO0xYxg{list-style:revert;margin-left:var(--wb-sizing-size_120)}.perseus_T8Wphznm{align-items:center!important;display:flex!important;flex-direction:row!important;gap:var(--wb-sizing-size_080)!important;margin-bottom:var(--wb-sizing-size_080)!important}.perseus_T8Wphznm,.perseus_UMms5ska{margin-top:var(--wb-sizing-size_080)!important}.perseus_Dz9XA5LM{background-color:var(
+        --wb-semanticColor-core-background-instructive-subtle
+    )!important;border-radius:var(--wb-sizing-size_040)!important}.perseus_6kPoH3-I{align-items:center!important;display:flex!important;flex-direction:row!important;gap:var(--wb-sizing-size_160)!important}.perseus_qYirPY7G,.perseus_v9IBfM--{align-items:center!important;display:flex!important;flex-direction:row!important;gap:var(--wb-sizing-size_060)!important}.perseus_v9IBfM--{min-width:auto!important}.perseus_L42pujHE,.perseus_NDL3xmfp{gap:var(--wb-sizing-size_040)!important;min-width:0!important}.perseus_L42pujHE,.perseus_NDL3xmfp,.perseus_mbWJ2QJe{align-items:center!important;display:flex!important;flex-direction:row!important}.perseus_0eoUQ2Ck{gap:var(--wb-sizing-size_080)!important}.perseus_3tuEF77w,.perseus_ArAl9ugv{margin-bottom:var(--wb-sizing-size_080)!important}.perseus_3tuEF77w{gap:var(--wb-sizing-size_160)!important;margin-top:var(--wb-sizing-size_080)!important}.perseus_mn0Hw09z{gap:var(--wb-sizing-size_060)!important}.perseus_8UEXrB8g{min-width:0!important}.perseus_AdQ6tM57{align-self:start!important}.perseus_mngqi2xl{background-color:var(
+        --wb-semanticColor-core-border-neutral-subtle
+    )!important;height:1px!important}.perseus_Nw6aQVGx{margin-top:var(--wb-sizing-size_120)!important}.perseus_b5-539TZ{margin-top:var(--wb-sizing-size_040)!important}.perseus_XtDQYWn5{display:flex!important;flex-direction:column!important;gap:var(--wb-sizing-size_060)!important;padding-top:var(--wb-sizing-size_080)!important}.perseus_B-ZMM2OO{align-items:center!important;flex-direction:row!important}.perseus_jRrLESoQ{align-self:start!important;margin-top:calc(var(--wb-sizing-size_060)*-1)!important}.perseus_8MnE9qSz{color:var(--wb-semanticColor-core-foreground-neutral-subtle)!important}.perseus_oK9Yeory{align-items:center!important;flex-direction:row!important;margin-top:var(--wb-sizing-size_040)!important;width:100%!important}.perseus_cNh-Y9Fb{margin-inline-start:calc(var(--wb-sizing-size_040)*-1)!important}.perseus_WmxZMpCR{white-space:nowrap!important}.perseus_ILzLQ6iO{background-color:var(
+        --wb-semanticColor-core-background-base-default
+    )!important;border-radius:var(--wb-sizing-size_040)!important;margin-inline-end:var(--wb-sizing-size_080)!important;overflow:hidden!important;padding:var(--wb-sizing-size_040)!important;text-overflow:ellipsis!important}.perseus_UalQRyMJ{align-items:center!important;display:flex!important;flex-direction:row!important;min-width:0!important}.perseus_Bj0ezLvT,.perseus_b3CfuxCt{gap:var(--wb-sizing-size_080)!important}.perseus_Bj0ezLvT{flex-grow:1!important;margin-bottom:var(--wb-sizing-size_080)!important}.perseus_FNd80vCz{gap:var(--wb-sizing-size_160)!important}.perseus_V-jCdUIK{gap:var(--wb-sizing-size_080)!important}.perseus_tXEvWJUz{max-width:calc(100% - 64px)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.perseus_3xCRJZPa{min-width:auto!important}.perseus_jQjspEma{flex-shrink:0!important;margin:0 2px!important}.perseus_sKC9BNwU{text-wrap:nowrap!important;justify-content:space-between!important;width:calc(50% + 18.2px)!important}.perseus_FKW3Nxnm{width:calc(50% - 34.3px)!important}.perseus_yi6yIVkG{align-items:center!important;display:flex!important;gap:var(--wb-sizing-size_060)!important}.perseus_4hIadz5F{background:#fff;border:1px solid var(--wb-semanticColor-core-border-neutral-subtle);border-radius:4px;flex-grow:1;list-style-type:none;margin:8px 0 0;max-height:88px;overflow-y:scroll;padding:4px 12px 4px 4px}.perseus_Im9FqKCL{color:var(--wb-semanticColor-core-foreground-neutral-strong)!important;flex-grow:1!important;font-family:Lato,sans-serif!important}.perseus_XTGXne8n{align-items:center;display:flex;flex-direction:row;min-height:44px}.perseus_pLyszuFy{margin-top:var(--wb-sizing-size_080)!important}.perseus_QcmxeGEV{align-items:center!important;display:flex!important;flex-direction:row!important}.perseus_n6hVg5Q8{gap:var(--wb-sizing-size_080)!important}.perseus_lTxTG2gH{gap:var(--wb-sizing-size_120)!important;margin-bottom:var(--wb-sizing-size_080)!important}.perseus_-uNx1-Ee{gap:var(--wb-sizing-size_080)!important}.perseus_ledp5RIf{gap:var(--wb-sizing-size_160)!important}.perseus_hZeYfTVX{align-self:start!important}.perseus_MdlHBO-Z{background-color:var(
+        --wb-semanticColor-core-border-neutral-subtle
+    )!important;height:1px!important}.perseus_f26X1kQX{margin-top:var(--wb-sizing-size_120)!important}.perseus_xD6EJyrU{margin-top:var(--wb-sizing-size_040)!important}.perseus_BlYv-O-3{margin-inline-start:var(--wb-sizing-size_040)!important}.perseus_nBzKD32m{align-items:center!important;display:flex!important;flex-direction:row!important}.perseus_WNElRLBL{gap:var(--wb-sizing-size_080)!important}.perseus_sEXwoqeH{margin-bottom:var(--wb-sizing-size_080)!important}.perseus_MohIPkUC{gap:var(--wb-sizing-size_040)!important}.perseus_WDC67hHF{gap:var(--wb-sizing-size_120)!important}.perseus_57zeueK9{color:var(--wb-semanticColor-core-foreground-critical-default)!important}.perseus_se9nOPo3{align-self:start!important}.perseus_XnNJefSQ{background-color:var(
+        --wb-semanticColor-core-border-neutral-subtle
+    )!important;height:1px!important}.perseus_mCvSm-pU{margin-top:var(--wb-sizing-size_120)!important}.perseus_34Yfh9Ri{margin-top:var(--wb-sizing-size_040)!important}.perseus_PsQTUHiB{align-items:center!important;flex-direction:row!important;gap:var(--wb-sizing-size_080)!important}.perseus_DzebTj-c{align-self:start!important}.perseus_pxo33u6Q{background-color:var(
+        --wb-semanticColor-core-border-neutral-subtle
+    )!important;height:1px!important}.perseus_pOW3mBVq{margin-top:var(--wb-sizing-size_120)!important}.perseus_iXTo2lsa{margin-top:var(--wb-sizing-size_040)!important}.perseus_7gvpLIxX{align-items:center!important;display:flex!important;flex-direction:row!important}.perseus_a9dhxydf{gap:var(--wb-sizing-size_080)!important}.perseus_FMC5CN4y,.perseus_bj3iyVpL{margin-bottom:var(--wb-sizing-size_080)!important}.perseus_bj3iyVpL{gap:var(--wb-sizing-size_160)!important}.perseus_gbGj72Hu{gap:var(--wb-sizing-size_060)!important}.perseus_DYnWU1Yr{margin-inline-start:var(--wb-sizing-size_040)!important}.perseus_YhcLg4qs{width:100%!important}.perseus_DtEDhGzL{align-items:center!important;display:flex!important;flex-direction:column!important;min-width:fit-content!important}.perseus_14L-Mr6p{min-width:0!important}.perseus_dc8k1hRY{align-self:start!important}.perseus_iR-te9L8{background-color:var(
+        --wb-semanticColor-core-border-neutral-subtle
+    )!important;height:1px!important}.perseus_q3l-Nth6{margin-top:var(--wb-sizing-size_120)!important}.perseus_WNA-ZWQ8{margin-top:var(--wb-sizing-size_040)!important}.perseus_Ug-lFL8r{align-items:center!important;flex-direction:row!important;gap:var(--wb-sizing-size_080)!important}.perseus_6gvwJ939{color:var(--wb-semanticColor-core-foreground-critical-default)!important;margin-top:var(--wb-sizing-size_080)!important}.perseus_vcxh5KIo{align-self:start!important}.perseus_HRitDKmQ{background-color:var(
+        --wb-semanticColor-core-border-neutral-subtle
+    )!important;height:1px!important}.perseus_QY6CaDZH{margin-top:var(--wb-sizing-size_120)!important}.perseus_QDq7G5V4{margin-top:var(--wb-sizing-size_040)!important}.perseus_GL9hZba7{align-items:center!important;flex-direction:row!important;gap:var(--wb-sizing-size_120)!important}.perseus_JRXpziEg{flex-grow:1!important;margin-top:var(--wb-sizing-size_080)!important}.perseus_9oJAXCGH{flex-direction:column!important}.perseus_4KcHH9Bl,.perseus_9oJAXCGH{background-color:var(
         --wb-semanticColor-core-background-instructive-subtle
     )!important;border-radius:var(--wb-sizing-size_080)!important;display:flex!important;gap:var(--wb-sizing-size_120)!important;margin-top:var(--wb-sizing-size_080)!important;padding:var(--wb-sizing-size_120)!important}.perseus_4KcHH9Bl{align-items:center!important;flex-direction:row!important}.perseus_-5lX5x3P{gap:var(--wb-sizing-size_120)!important}.perseus_-5lX5x3P,.perseus_Ry1WVaFB{align-items:center!important;display:flex!important;flex-direction:row!important}.perseus_Ry1WVaFB{gap:var(--wb-sizing-size_060)!important}.perseus_aVULDXX8{display:inline-block!important;min-inline-size:var(--wb-sizing-size_400)!important;text-align:right!important}.perseus_37eFZ7ym{inline-size:var(--wb-sizing-size_800)!important}.perseus_cDLqevTf{inline-size:var(--wb-sizing-size_640)!important}.perseus_aqjusrqZ{margin-top:var(--wb-sizing-size_120)!important}.perseus_oT9y-KpN{background-color:var(
         --wb-semanticColor-core-background-neutral-subtle
-    )!important;border:var(--wb-border-width-thin) solid var(--wb-semanticColor-core-border-neutral-subtle)!important;font-size:var(--wb-font-size-xSmall)!important;margin-top:var(--wb-sizing-size_080)!important;padding-left:var(--wb-sizing-size_080)!important;padding-right:var(--wb-sizing-size_080)!important}.perseus_sK1-PDYK{margin-top:var(--wb-sizing-size_120)!important}.perseus_vQVrIBvm{color:#626569;font-family:inherit;font-size:15px;font-weight:700;line-height:var(--wb-font-body-lineHeight-large);margin-bottom:var(--wb-sizing-size_060)}.perseus_uz5HIc6B{display:flex;padding:var(--wb-sizing-size_060) var(--wb-sizing-size_0)}.perseus_nqkpIulz{color:#626569;font-family:inherit;font-size:15px;line-height:1.25;margin-left:var(--wb-sizing-size_160)}.perseus_aAJcd7Pn{margin-right:var(--wb-sizing-size_080)}.perseus_fAVMAcnB{background-color:var(
+    )!important;border:var(--wb-border-width-thin) solid var(--wb-semanticColor-core-border-neutral-subtle)!important;font-size:var(--wb-font-size-xSmall)!important;margin-top:var(--wb-sizing-size_080)!important;padding-left:var(--wb-sizing-size_080)!important;padding-right:var(--wb-sizing-size_080)!important}.perseus_sK1-PDYK{margin-top:var(--wb-sizing-size_120)!important}.perseus_yq8evcq-{color:#626569;font-family:inherit;font-size:15px;font-weight:700;line-height:22px;margin-bottom:var(--wb-sizing-size_060)}.perseus_DTFHZTRU{margin-bottom:var(--wb-sizing-size_120);margin-top:var(--wb-sizing-size_120)}.perseus_h6UVAo1f{align-items:center;display:flex;flex-direction:row;gap:var(--wb-sizing-size_160)}.perseus_h6UVAo1f:not(:first-child){margin-top:var(--wb-sizing-size_120)}.perseus_be-n-Bce{align-items:center;color:var(--wb-semanticColor-link-rest);display:flex;flex-direction:row;font-family:inherit;font-size:15px;font-weight:700;gap:var(--wb-sizing-size_160);line-height:var(--wb-sizing-size_220)}.perseus_be-n-Bce:link{color:var(--wb-semanticColor-link-rest)}.perseus_8M4PcgxY{cursor:not-allowed}.perseus_vQVrIBvm{color:#626569;font-family:inherit;font-size:15px;font-weight:700;line-height:var(--wb-font-body-lineHeight-large);margin-bottom:var(--wb-sizing-size_060)}.perseus_uz5HIc6B{display:flex;padding:var(--wb-sizing-size_060) var(--wb-sizing-size_0)}.perseus_nqkpIulz{color:#626569;font-family:inherit;font-size:15px;line-height:1.25;margin-left:var(--wb-sizing-size_160)}.perseus_aAJcd7Pn{margin-right:var(--wb-sizing-size_080)}.perseus_rA40F4go{height:var(--wb-sizing-size_160)}.perseus_uw3vBo0i{height:var(--wb-sizing-size_320)}.perseus_g1Mlb8p2{color:#626569;font-family:inherit;font-size:15px;font-weight:700;line-height:22px;margin-bottom:var(--wb-sizing-size_060)}.perseus_-XexOs6i{display:flex;gap:var(--wb-sizing-size_160)}.perseus_Vniq-14O{display:inline-flex!important;vertical-align:middle!important}.perseus_8W6ltSJv,.perseus_Vniq-14O{align-items:center!important;flex-direction:row!important;gap:var(--wb-sizing-size_080)!important}.perseus_8W6ltSJv{align-self:stretch!important;display:flex!important;flex-wrap:wrap!important}.perseus_pYpuDydt{align-items:center!important;background-color:var(
+        --wb-semanticColor-core-background-base-default
+    )!important;border:var(--wb-border-width-thin) solid var(--wb-semanticColor-core-border-neutral-subtle)!important;border-radius:var(--wb-border-radius-radius_040)!important;color:var(--wb-semanticColor-core-foreground-neutral-strong)!important;display:flex!important;flex-direction:row!important;font-size:var(--wb-font-body-size-small)!important;justify-content:center!important;line-height:var(--wb-font-body-lineHeight-small)!important;padding-block:var(--wb-sizing-size_040)!important;padding-inline:var(--wb-sizing-size_120)!important;white-space:nowrap!important}.perseus_pYpuDydt:focus-visible{box-shadow:0 0 0 var(--wb-border-width-medium) var(--wb-semanticColor-focus-outer)!important;outline:none!important}.perseus_pYpuDydt:not([aria-disabled=true]):not([aria-checked=true]):hover{background-color:var(
+        --wb-semanticColor-core-background-neutral-subtle
+    )!important;border-color:var(
+        --wb-semanticColor-core-border-neutral-default
+    )!important}.perseus_pYpuDydt[aria-checked=true]{background-color:var(
+        --wb-semanticColor-core-background-instructive-default
+    )!important;border-color:var(
+        --wb-semanticColor-core-background-instructive-default
+    )!important;color:var(--wb-semanticColor-core-foreground-knockout-default)!important}.perseus_pYpuDydt[aria-disabled=true]{background-color:var(
+        --wb-semanticColor-core-background-disabled-subtle
+    )!important;border-color:var(
+        --wb-semanticColor-core-border-disabled-default
+    )!important;color:var(--wb-semanticColor-core-foreground-disabled-default)!important}.perseus_pYpuDydt[aria-disabled=true][aria-checked=true]{background-color:var(
+        --wb-semanticColor-core-background-disabled-strong
+    )!important;border-color:var(
+        --wb-semanticColor-core-background-disabled-strong
+    )!important;color:var(--wb-semanticColor-core-foreground-disabled-strong)!important}.perseus_fAVMAcnB{background-color:var(
         --wb-semanticColor-core-background-instructive-subtle
-    );border:1px solid var(--wb-semanticColor-core-border-neutral-subtle);border-radius:12px;display:flex;flex-direction:column;margin-block-end:12px;padding-block:4px;padding-inline:12px}.perseus_FUUSHyqm,.perseus_qMTuHJ53{align-items:center;display:flex;flex-direction:row;margin-block-start:8px}.perseus_JUItwJjV{background-color:var(--wb-semanticColor-core-background-base-default);border:1px solid var(--wb-semanticColor-core-border-neutral-default);border-radius:8px;display:flex;flex-direction:column;margin-block-start:8px;padding:8px;padding-block-start:24px;position:relative}
+    );border:1px solid var(--wb-semanticColor-core-border-neutral-subtle);border-radius:var(--wb-sizing-size_120);display:flex;flex-direction:column;margin-block-end:var(--wb-sizing-size_120);margin-block-start:var(--wb-sizing-size_120);padding-block:var(--wb-sizing-size_080);padding-inline:var(--wb-sizing-size_120)}.perseus_kH21BUyY{flex-wrap:wrap;gap:var(--wb-sizing-size_080);margin-block-end:var(--wb-sizing-size_080)}.perseus_kH21BUyY,.perseus_qMTuHJ53{align-items:center;display:flex;flex-direction:row}.perseus_qMTuHJ53{margin-block-start:var(--wb-sizing-size_080)}.perseus_FUUSHyqm{align-items:center;flex-direction:row}.perseus_FUUSHyqm,.perseus_JUItwJjV{display:flex;margin-block-start:var(--wb-sizing-size_080)}.perseus_JUItwJjV{background-color:var(--wb-semanticColor-core-background-base-default);border:1px solid var(--wb-semanticColor-core-border-neutral-default);border-radius:var(--wb-sizing-size_080);flex-direction:column;padding:var(--wb-sizing-size_080);padding-block-start:var(--wb-sizing-size_240);position:relative}
 /*# sourceMappingURL=index.css.map */

package/dist/es/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["widget-editor-settings.css","perseus-editor.css","image-editor.module.css","decorative-toggle.module.css","interactive-graph-editor.module.css","start-coords-shared.module.css","label-image-editor.module.css","radio-editor.module.css"],"names":[],"mappings":"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","file":"index.css","sourcesContent":["/* We have to use !important until wonder blocks is in the shared layer. */\n/* TODO(LEMS-3686): Remove the !important once we don't need it anymore. */\n.widget-editor-settings-container {\n    padding-inline: var(--wb-sizing-size_120) !important;\n    padding-block-start: var(--wb-sizing-size_120) !important;\n}\n\n.best-practices-container {\n    margin-block-end: var(--wb-sizing-size_060) !important;\n}\n","code {\n    font-family: Courier, monospace;\n}\n.pod-title {\n    background-color: #eee;\n    border: 1px solid #ddd;\n    border-bottom: 0;\n    font-size: 1.25em;\n    padding: 4px 10px;\n    border-radius: 3px 3px 0 0;\n}\n.pod-title.closed {\n    border-radius: 3px;\n}\n.smiley {\n    position: absolute;\n    left: 0px;\n    top: 4px;\n}\n.perseus-single-editor {\n    box-sizing: border-box;\n    width: 100%;\n}\n.perseus-json-editor {\n    width: 100%;\n    font-family: monospace;\n    height: 500px;\n}\n.perseus-json-editor.invalid {\n    background-color: #ffe6e6;\n}\n.perseus-textarea-pair {\n    border: 1px solid #ddd;\n    font-size: 12px;\n    line-height: 1.6;\n    position: relative;\n}\n.perseus-textarea-pair > .perseus-textarea-underlay {\n    color: transparent;\n    margin-bottom: 12px;\n    padding: 10px;\n    white-space: pre-wrap;\n    word-wrap: break-word;\n}\n.perseus-textarea-pair > .perseus-textarea-underlay b {\n    font-weight: normal;\n    background-color: #dfd;\n}\n.perseus-textarea-pair > .perseus-textarea-underlay b.selected {\n    background-color: #ddf;\n}\n.perseus-textarea-pair > .perseus-textarea-underlay b.error {\n    background-color: #fcc;\n}\n.perseus-textarea-pair > textarea {\n    background: transparent;\n    border: 0;\n    box-sizing: border-box;\n    font: inherit;\n    height: 100%;\n    left: 0;\n    overflow: hidden;\n    padding: 10px;\n    position: absolute;\n    resize: none;\n    top: 0;\n    width: 100%;\n}\n.perseus-widget-row {\n    margin: 7px 0;\n    width: 100%;\n}\n.perseus-widget-row .perseus-widget-left-col,\n.perseus-widget-row .perseus-widget-right-col {\n    display: inline-block;\n    width: 50%;\n}\n.perseus-widget-row .perseus-widget-left-col .range-input,\n.perseus-widget-row .perseus-widget-right-col .range-input {\n    float: right;\n    margin-right: 5px;\n}\n.perseus-widget-row > .range-input {\n    margin-left: 10px;\n}\n.perseus-answer-options {\n    border: 1px solid #ddd;\n    padding: 10px;\n}\n.perseus-answer-options * {\n    margin-bottom: 4px;\n}\n.perseus-answer-widget {\n    border: 1px solid #ddd;\n    border-radius: 0 0 3px 3px;\n    padding: 10px;\n}\n.perseus-answer-none {\n    border-bottom: 1px solid #ddd;\n}\n.perseus-answer-none > div {\n    display: none;\n}\n.perseus-widget-editor {\n    border: 1px solid #ddd;\n    border-radius: 3px;\n    margin-top: 10px;\n}\n.perseus-widget-editor .perseus-widget-editor-title {\n    background-color: #eee;\n    font-size: 1.25em;\n    padding: 4px 10px;\n    border-radius: 3px 3px 0 0;\n    border: 0;\n    display: flex;\n    align-items: center;\n    position: relative;\n    cursor: pointer;\n}\n.perseus-widget-editor .perseus-widget-editor-title.closed {\n    border-radius: 3px;\n}\n.perseus-widget-editor .perseus-widget-editor-title :first-child {\n    flex-grow: 1;\n}\n.perseus-widget-editor .perseus-widget-editor-title > a {\n    color: inherit;\n    text-decoration: none;\n}\n.perseus-widget-editor .perseus-widget-editor-title .alignment {\n    margin-right: 5px;\n}\n.perseus-widget-editor .perseus-widget-editor-title .simple-button {\n    font-size: 13px;\n    padding: 0 10px;\n}\n.perseus-widget-editor .perseus-widget-editor-content {\n    border-radius: 0 0 3px 3px;\n    padding: 0 var(--wb-sizing-size_100) var(--wb-sizing-size_100);\n    transition: all 0s;\n}\n.perseus-widget-editor .perseus-widget-editor-content.leave {\n    display: none;\n}\n.perseus-widget-editor .perseus-widget-editor-content .inline-options {\n    float: inline-start;\n    /* flexbox and inline-block don't work on <legend> elements, so going old-school here */\n    line-height: 24px;\n    /* for alignment with items in same line (like pills or buttons) */\n    padding-inline-end: 0.5em;\n}\n.perseus-widget-editor .perseus-widget-editor-content .tooltip-for-legend {\n    display: inline-block;\n    line-height: 24px;\n}\n.perseus-widget-editor .categorizer-container {\n    overflow-x: scroll;\n}\n.perseus-widget-editor .section-accordion {\n    display: flex;\n    flex-direction: row;\n}\n.perseus-widget-editor .delete-item-button {\n    align-self: center;\n    padding-right: 0.5em;\n}\n.perseus-widget-editor-title-id {\n    display: inline-flex;\n    align-items: center;\n}\n.perseus-widget-editor-title-id > svg {\n    float: left;\n    font-size: 14px;\n    margin-right: 10px;\n}\n.perseus-editor-accordion-container {\n    display: inline-grid;\n    width: 100%;\n}\n.perseus-editor-accordion-container.collapsed {\n    grid-template-rows: 0fr;\n    min-height: 0;\n    visibility: hidden;\n    transition:\n        all 0.25s step-end,\n        grid-template-rows 0.25s;\n}\n.perseus-editor-accordion-container.expanded {\n    grid-template-rows: 1fr;\n    min-height: 100%;\n    visibility: visible;\n    transition: grid-template-rows 0.5s;\n}\n.perseus-editor-accordion-container .perseus-editor-accordion-content {\n    overflow: hidden;\n    margin: 0 -1px;\n    /* allows focus ring on accordion to show */\n    padding: 0 1px;\n}\n.perseus-editor-widgets-selectors {\n    background-color: #eee;\n    border: 1px solid #ddd;\n    border-top: 0;\n    border-radius: 0 0 3px 3px;\n    display: flex;\n    flex-wrap: wrap;\n    padding: 10px / 2;\n}\n.perseus-editor-widgets-selectors select {\n    margin: 2px;\n}\n.perseus-editor-widgets > div.selected > strong {\n    background-color: #ddf;\n}\n.perseus-editor-widgets .warning {\n    background-color: #ffcccc;\n    padding: 4px;\n    margin: 4px;\n}\n.perseus-editor-word-count {\n    cursor: help;\n    flex: 1;\n    float: right;\n    margin-right: 3px;\n    margin-top: 2px;\n    text-align: right;\n}\n.MathJax .math {\n    color: inherit;\n}\n#perseus {\n    margin: 20px;\n    width: calc(100% - 500px);\n    z-index: 10;\n}\n#perseus #problemarea #workarea {\n    margin: 0;\n}\n#perseus #problemarea #workarea .perseus-image-caption {\n    top: 0px !important;\n}\n#perseus .perseus-question-container > div,\n#perseus .perseus-answer-container > div {\n    padding-bottom: 25px;\n}\n#perseus .add-choice-container,\n#perseus .add-hint-container {\n    display: flex;\n    flex-direction: row;\n    margin-bottom: 20px;\n    text-align: left;\n}\n#problemarea {\n    font-size: 14px;\n    position: relative;\n    float: left;\n    padding-bottom: 38px;\n}\n#problemarea a:link,\n#problemarea input,\n#problemarea label,\n#problemarea select {\n    /* for dropdowns */\n    position: relative;\n    z-index: 3;\n    /* interactive-content */\n}\n.perseus-editor-table {\n    clear: both;\n    display: table;\n    table-layout: fixed;\n}\n.perseus-editor-row {\n    display: table-row;\n}\n.perseus-editor-left-cell {\n    display: table-cell;\n    padding-right: 30px;\n    vertical-align: top;\n    width: 360px;\n    max-width: 360px;\n    min-width: 360px;\n    position: relative;\n    z-index: 10;\n}\n.perseus-editor-right-cell {\n    box-sizing: border-box;\n    display: table-cell;\n    padding: 30px;\n    padding-top: 5px;\n    vertical-align: top;\n}\n.perseus-hint-editor {\n    padding-bottom: 20px;\n}\n.perseus-hint-editor .perseus-single-editor {\n    margin-bottom: 5px;\n}\n.perseus-hint-editor .reorder-hints button {\n    font-size: 16px;\n}\n.perseus-hint-editor .reorder-hints button:hover,\n.perseus-hint-editor .reorder-hints button:active {\n    color: #000;\n    text-decoration: none;\n}\n.perseus-hint-editor .reorder-hints button.hidden {\n    visibility: hidden;\n}\n.perseus-hint-editor .remove-hint {\n    float: right;\n    font-size: 13px;\n    padding: 0 10px;\n}\n.perseus-hints-editor .add-hint {\n    font-size: 13px;\n}\n.perseus-hints-editor\n    .perseus-editor-row:first-child\n    .perseus-editor-right-cell {\n    border-top: 0;\n}\n.perseus-hint-editor + div .perseus-hint-renderer {\n    width: 100%;\n}\n.perseus-hint-editor + div .perseus-hint-renderer div.paragraph {\n    margin: 0px 0px 22px 0px;\n}\n.perseus-article-editor {\n    margin-bottom: 20px;\n    margin-top: 20px;\n}\n.perseus-article-editor .perseus-editor-table {\n    margin-left: auto;\n    margin-right: auto;\n}\n.perseus-article-editor .perseus-single-editor {\n    margin-bottom: 10px;\n}\n.perseus-article-editor .section-control-button,\n.perseus-article-editor .step-control-button {\n    font-size: 13px;\n    padding: 2px 10px;\n    margin: 0 2px;\n}\n.perseus-article-editor .perseus-editor-left-cell {\n    min-width: 360px;\n}\n.perseus-article-editor .mobile-preview,\n.perseus-article-editor .desktop-preview,\n.perseus-article-editor .editor-preview,\n.perseus-article-editor .standalone-preview {\n    box-sizing: border-box;\n}\n.perseus-article-editor .mobile-preview {\n    border: 1px solid rgba(0, 0, 0, 0.29);\n    max-width: 322px;\n    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.29);\n    padding: 32px 16px;\n}\n.perseus-article-editor .desktop-preview {\n    border: 1px solid transparent;\n    padding: 32px 20px;\n}\n.perseus-article-editor .editor-preview {\n    display: table-cell;\n}\n.perseus-article-editor .editor-preview.full-width {\n    width: 100%;\n}\n.perseus-article-editor .editor-preview .desktop-preview {\n    border: 1px solid rgba(0, 0, 0, 0.29);\n    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.29);\n    width: 100%;\n}\n.perseus-article-editor .standalone-preview .mobile-preview,\n.perseus-article-editor .standalone-preview .desktop-preview {\n    margin-left: auto;\n    margin-right: auto;\n}\n.perseus-article-editor .json-editor {\n    margin: auto;\n    max-width: 688px;\n}\n.perseus-article-editor .perseus-json-editor {\n    display: block;\n    margin-left: auto;\n    margin-right: auto;\n}\n.perseus-article-editor .json-editor-warning {\n    margin-bottom: 10px;\n    text-align: center;\n}\n.perseus-article-editor .framework-perseus.perseus-article {\n    box-sizing: border-box;\n}\n.perseus-article-editor .framework-perseus.perseus-article * {\n    box-sizing: inherit;\n}\n.perseus-article-editor .perseus-editor-left-cell > .pod-title {\n    padding: 4px 9px;\n}\n.perseus-widget-dropdown input[type=\"text\"] {\n    border: 1px solid #ccc;\n    border-radius: 5px;\n    padding: 5px;\n}\n\n.perseus-widget-dropdown .dropdown-choices {\n    margin: 20px 0;\n}\n.perseus-widget-dropdown .dropdown-choices .dropdown-choice {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 10px;\n}\n\n.perseus-widget-dropdown .dropdown-info {\n    display: inline-flex;\n    margin-bottom: 16px;\n}\n.perseus-widget-dropdown .dropdown-field {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    min-width: 0;\n    margin-bottom: 16px;\n}\n.perseus-widget-dropdown .remove-choice {\n    margin-bottom: 10px;\n}\n.perseus-input-number-editor {\n    font-family: Lato, \"Noto Sans\", sans-serif;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 20px;\n}\n.perseus-input-number-editor .answer-option .unsimplified-options {\n    min-height: 48px;\n}\n.perseus-input-number-editor .perseus-textarea-pair {\n    font-size: 16px;\n}\n.perseus-input-number-editor .perseus-textarea-pair .perseus-textarea-underlay {\n    margin-bottom: 26px;\n}\n.perseus-input-number-editor .perseus-textarea-pair textarea {\n    background-color: #ffffff;\n    border: 1px solid rgba(33, 36, 44, 0.5);\n    border-radius: 4px;\n}\n.perseus-input-number-editor .input-answer-editor-value,\n.perseus-input-number-editor .input-answer-editor-message {\n    display: inline-block;\n}\n.perseus-input-number-editor .input-answer-editor-value-container {\n    display: block;\n}\n.perseus-input-number-editor .input-answer-editor-value-container input {\n    background: #ffffff;\n    border: 1px solid rgba(33, 36, 44, 0.5);\n    border-radius: 4px;\n    color: #21242c;\n    font-family: Lato, \"Noto Sans\", sans-serif;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 20px;\n    outline-offset: -2px;\n}\n.perseus-input-number-editor\n    .input-answer-editor-value-container\n    .numeric-input-value {\n    margin-left: 8px;\n    width: 6em;\n}\n.perseus-input-number-editor\n    .input-answer-editor-value-container\n    .max-error-input-value {\n    display: none;\n    width: 3em;\n}\n.perseus-input-number-editor\n    .input-answer-editor-value-container\n    .max-error-plusmn {\n    cursor: default;\n    display: none;\n    height: 32px;\n    padding-top: 4px;\n    text-align: center;\n    vertical-align: top;\n    width: 1em;\n}\n.perseus-input-number-editor\n    .input-answer-editor-value-container.with-max-error\n    .numeric-input-value,\n.perseus-input-number-editor\n    .input-answer-editor-value-container:focus-within\n    .numeric-input-value {\n    border-right: none;\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n}\n.perseus-input-number-editor\n    .input-answer-editor-value-container.with-max-error\n    .max-error-input-value,\n.perseus-input-number-editor\n    .input-answer-editor-value-container:focus-within\n    .max-error-input-value {\n    border-left: none;\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n    display: inline-block;\n}\n.perseus-input-number-editor\n    .input-answer-editor-value-container.with-max-error\n    .max-error-plusmn,\n.perseus-input-number-editor\n    .input-answer-editor-value-container:focus-within\n    .max-error-plusmn {\n    border-top: 1px solid rgba(33, 36, 44, 0.5);\n    border-bottom: 1px solid rgba(33, 36, 44, 0.5);\n    display: inline-block;\n}\n.perseus-input-number-editor .options-toggle,\n.perseus-input-number-editor .answer-trash,\n.perseus-input-number-editor .answer-status {\n    height: 26px;\n    line-height: 26px;\n    outline-offset: -3px;\n    vertical-align: middle;\n}\n.perseus-input-number-editor .value-divider {\n    border-top: 1px solid #ccc;\n}\n.perseus-input-number-editor .options-toggle,\n.perseus-input-number-editor .answer-trash {\n    border-left: 1px solid #ccc;\n    box-sizing: border-box;\n    cursor: pointer;\n    display: inline-block;\n    text-align: center;\n    text-decoration: none;\n    width: 20%;\n}\n.perseus-input-number-editor .options-toggle {\n    background-color: #eee;\n    color: #444;\n}\n.perseus-input-number-editor .options-toggle:hover {\n    background-color: #ccc;\n}\n.perseus-input-number-editor .answer-trash {\n    background-color: #c04f03;\n    background-image: linear-gradient(to bottom, #e35d04, #c04f03);\n    color: #fff;\n}\n.perseus-input-number-editor .answer-trash:hover {\n    color: #fff;\n    background-image: linear-gradient(to bottom, #f46e15, #d16014);\n}\n.perseus-input-number-editor .is-strict-indicator {\n    background-color: #d9edf7;\n    border-bottom: 1px solid #ccc;\n    border-right: 1px solid #ccc;\n    cursor: default;\n    font-size: 16px;\n    line-height: 12px;\n    height: 12px;\n    width: 12px;\n    text-align: center;\n    position: absolute;\n    top: 0;\n    right: auto;\n    bottom: auto;\n    left: 0;\n    -webkit-user-select: none;\n    user-select: none;\n}\n.perseus-input-number-editor .simplify-indicator {\n    border-top: 1px solid #ccc;\n    border-right: 1px solid #ccc;\n    cursor: default;\n    font-size: 10px;\n    line-height: 13px;\n    height: 13px;\n    width: 12px;\n    text-align: center;\n    position: absolute;\n    top: 12px;\n    right: auto;\n    bottom: auto;\n    left: 0;\n    -webkit-user-select: none;\n    user-select: none;\n}\n.perseus-input-number-editor .simplify-indicator.optional {\n    background-color: #aaffaa;\n}\n.perseus-input-number-editor .simplify-indicator.enforced {\n    background-color: #ffcccc;\n}\n.perseus-input-number-editor .answer-status {\n    color: inherit;\n    display: inline-block;\n    text-align: center;\n    text-decoration: none;\n    width: 60%;\n    -webkit-user-select: none;\n    user-select: none;\n}\n.perseus-input-number-editor .answer-status.wrong {\n    background-color: #ffcccc;\n}\n.perseus-input-number-editor .answer-status.correct {\n    background-color: #aaffaa;\n}\n.perseus-input-number-editor .answer-status.ungraded {\n    background-color: #d9edf7;\n}\n.perseus-input-number-editor .input-answer-editor-message {\n    margin-left: 5px;\n}\n.perseus-input-number-editor\n    .input-answer-editor-message\n    .perseus-single-editor {\n    font-family: \"Lucida Grande\";\n    width: 230px;\n}\n.perseus-input-number-editor\n    .input-answer-editor-message\n    .perseus-single-editor\n    .perseus-textarea-pair\n    > textarea,\n.perseus-input-number-editor\n    .input-answer-editor-message\n    .perseus-single-editor\n    .perseus-textarea-underlay {\n    padding: 5px;\n}\n.perseus-input-number-editor\n    .input-answer-editor-message\n    .perseus-single-editor\n    .perseus-textarea-pair {\n    border-color: #ccc;\n    border-radius: 3px;\n    min-height: 53px;\n}\n.perseus-input-number-editor\n    .input-answer-editor-message\n    .perseus-single-editor\n    .perseus-textarea-underlay {\n    margin-bottom: 0;\n}\n.perseus-widget-radio {\n    margin-bottom: 10px;\n}\n.perseus-widget-radio .choice-editor .perseus-single-editor {\n    margin-bottom: 0;\n}\n.perseus-widget-radio .choice-editor.correct textarea {\n    background: #aaffaa;\n}\n.perseus-widget-radio .choice-editor.incorrect textarea {\n    background: #ffcccc;\n}\n.perseus-widget-radio textarea::placeholder {\n    color: #777;\n}\n.perseus-widget-radio .rationale-editor .perseus-textarea-pair {\n    border-top: 0;\n}\n.perseus-widget-radio .choice-rationale-editors,\n.perseus-widget-radio .choice-editor,\n.perseus-widget-radio .rationale-editor {\n    display: inline-block;\n    width: 100%;\n}\n.perseus-widget-radio .perseus-single-editor {\n    border: 0;\n    display: inline-block;\n    margin: 0 0 5px;\n    vertical-align: top;\n}\n.perseus-widget-radio .perseus-single-editor p {\n    margin: 0;\n}\n.perseus-widget-radio .perseus-textarea-pair,\n.perseus-widget-radio .perseus-textarea-underlay {\n    /* Wrap when text area has a long image link that overflows. */\n    overflow-wrap: anywhere;\n    display: block;\n}\n.perseus-widget-radio .perseus-textarea-pair > textarea,\n.perseus-widget-radio .perseus-textarea-pair > .perseus-textarea-underlay {\n    padding: 5px;\n}\n.perseus-widget-editor-content .add-choice-container .simple-button {\n    margin-right: 10px;\n}\n.perseus-widget-editor-content .perseus-widget-radio {\n    position: static;\n}\n.perseus-widget-editor-content .perseus-widget-radio .checkbox {\n    position: relative;\n    top: -10px;\n}\n.perseus-widget-editor-content .perseus-radio-option.none-of-above:before {\n    content: \"None of the above\";\n    display: block;\n    font-style: italic;\n    font-weight: bold;\n}\n.perseus-widget-editor-content\n    .perseus-radio-option.none-of-above\n    .choice-editor.incorrect {\n    opacity: 0.5;\n}\n#solutionarea .perseus-widget-radio li {\n    padding: 7px 0;\n}\n.framework-perseus\n    table.perseus-widget-table-of-values\n    th\n    .perseus-single-editor {\n    width: 80px;\n    margin-bottom: 6px;\n}\n.framework-perseus\n    table.perseus-widget-table-of-values\n    th\n    .perseus-textarea-pair,\n.framework-perseus\n    table.perseus-widget-table-of-values\n    th\n    .perseus-single-editor {\n    height: 50px;\n}\n.categorization-container.categorization-container-editor {\n    width: 350px;\n    margin-bottom: 160px;\n}\n.categorization-container.categorization-container-editor .card input {\n    margin: 7px 3px 7px 13px;\n    font-size: 12px;\n    display: block;\n    width: 81%;\n}\n.categorization-container.categorization-container-editor .category {\n    float: left;\n    padding: 5px;\n    width: 160px;\n}\n.categorization-container.categorization-container-editor .categories {\n    width: 176px;\n}\n.categorization-container.categorization-container-editor\n    .perseus-textarea-underlay {\n    margin-bottom: 0;\n}\n.categorization-container.categorization-container-editor .drag-bar {\n    float: left;\n    font-size: 10px;\n    padding: 2px 0;\n    height: 70%;\n    margin-top: 3px;\n}\n.categorization-container.categorization-container-editor .header {\n    margin-bottom: 8px;\n}\n.categorization-container.categorization-container-editor .header input {\n    display: block;\n    margin-right: 24px;\n    width: 76%;\n}\n.categorization-container.categorization-container-editor .header .remove {\n    position: relative;\n    top: -14px;\n    left: 12px;\n    float: right;\n    width: 20px;\n    height: 20px;\n    padding: 2px;\n    color: #666;\n    cursor: pointer;\n}\n.categorization-container.categorization-container-editor\n    .header\n    .remove:hover {\n    color: #333;\n}\n.categorization-container.categorization-container-editor .delete-item-area {\n    position: absolute;\n    width: 150px;\n    height: 60px;\n    padding-top: 40px;\n    bottom: -150px;\n    left: 10px;\n    border: dashed 2px #888;\n    color: #888;\n    text-align: center;\n    font-size: 20px;\n}\n.categorization-container.categorization-container-editor\n    .delete-item-area.target {\n    border-color: black;\n    color: #333;\n}\n.categorization-container.categorization-container-editor .card {\n    width: 130px;\n    padding: 0;\n}\n.categorization-container.categorization-container-editor\n    .card.dragging\n    .drag-bar {\n    margin-left: 2px;\n}\n.categorization-editor-area {\n    height: 30px;\n}\n.categorization-editor-area .add-item {\n    float: left;\n    margin-left: 17px;\n}\n.categorization-editor-area .add-category {\n    margin-left: 173px;\n}\n.perseus-widget-interactive-graph {\n    display: block;\n}\n.perseus-widget-plotter-editor .plotter-categories,\n.perseus-widget-plotter-editor .pic-url {\n    width: 70%;\n}\n.perseus-text-list-editor input[type=\"text\"] {\n    padding: 3px;\n    margin-right: 5px;\n    min-width: 20px;\n    max-width: 340px;\n}\n.perseus-text-list-editor.layout-horizontal input[type=\"text\"] {\n    float: left;\n}\n.perseus-matcher-editor .perseus-text-list-editor {\n    float: left;\n    max-width: 50%;\n}\n.perseus-matcher-editor .perseus-text-list-editor input[type=\"text\"] {\n    max-width: 90%;\n}\n.perseus-matcher-editor input[type=\"text\"] {\n    width: 46%;\n}\n.perseus-matcher-editor input[type=\"text\"] + input[type=\"text\"] {\n    margin-left: 2%;\n}\n.info-tip {\n    display: inline-block;\n}\n.info-tip-content-container p {\n    font-size: 12px;\n    line-height: 1.4;\n    margin: 0;\n}\n.info-tip-content-container p + p {\n    margin-top: 22px;\n}\n.perseus-widget-interaction-editor\n    .perseus-widget-interaction-editor-select-element {\n    background-color: #eee;\n    border: 1px solid #ddd;\n    border-top: 0;\n    border-radius: 0 0 3px 3px;\n    padding: 5px 10px;\n    margin: 20px -11px -11px -11px;\n}\n.perseus-widget-interaction-editor .colorpicker-circle {\n    border-radius: 50%;\n    width: 14px;\n    height: 14px;\n    position: absolute;\n    left: 5px;\n    top: 5px;\n}\n.perseus-interaction-element {\n    border: 1px solid #ddd;\n    border-radius: 3px;\n}\n.perseus-interaction-element .perseus-interaction-element-title {\n    background-color: #eee;\n    border: 1px solid #ddd;\n    border-bottom: 0;\n    font-size: 1.25em;\n    padding: 4px 10px;\n    border-radius: 3px 3px 0 0;\n    border: 0;\n    color: inherit;\n    display: block;\n    text-decoration: none;\n    white-space: nowrap;\n    font-size: 1em;\n    overflow: hidden;\n}\n.perseus-interaction-element .perseus-interaction-element-title.closed {\n    border-radius: 3px;\n}\n.perseus-interaction-element .perseus-interaction-element-title > svg {\n    float: left;\n    font-size: 14px;\n    margin-right: 10px;\n}\n.perseus-interaction-element .perseus-interaction-element-content {\n    border-radius: 0 0 3px 3px;\n    border-top: 1px solid #ddd;\n    padding: 10px;\n}\n.perseus-interaction-element\n    .perseus-interaction-element-content\n    .edit-controls {\n    text-align: right;\n    margin-top: -30px;\n}\n.perseus-interaction-element\n    .perseus-interaction-element-content\n    .edit-controls\n    > button {\n    background: #fff;\n    border: 0;\n    cursor: pointer;\n    padding: 0;\n    margin-left: 7px;\n    font-size: 18px;\n    color: #555;\n}\n.perseus-interaction-element .perseus-interaction-element-content.leave {\n    display: none;\n}\n.button-set-separator {\n    margin: 10px 0;\n}\n.perseus-widget-editor .unit-radio {\n    color: black;\n    text-decoration: none;\n}\n.unit-example-not-okay {\n    color: red;\n}\n.unit-example-okay {\n    color: green;\n}\n.pair-editor input {\n    width: 120px;\n}\n.marvel-device.iphone6.silver:after {\n    z-index: 1;\n}\n.perseus-diff {\n    margin: 0 10px;\n}\n.perseus-diff .diff-header {\n    font-size: 18px;\n    padding: 10px 0;\n    width: 50%;\n    display: inline-block;\n}\n.perseus-diff .diff-header.collapsed {\n    font-size: 14px;\n    padding: 0px;\n}\n.perseus-diff .diff-body {\n    border-top: 1px solid #e4e4e4;\n    border-bottom: 1px solid #e4e4e4;\n}\n.perseus-diff .diff-row {\n    width: 50%;\n    white-space: pre-wrap;\n    box-sizing: border-box;\n    font-size: 14px;\n    padding-right: 20px;\n    padding-left: 10px;\n    overflow: hidden;\n}\n.perseus-diff .diff-row.collapsed {\n    color: #888;\n    cursor: pointer;\n}\n.perseus-diff .diff-row.collapsed:hover {\n    color: #666;\n}\n.perseus-diff .diff-row.collapsed:active {\n    color: #444;\n}\n.perseus-diff .diff-row .diff-line {\n    margin-bottom: 20px;\n}\n.perseus-diff .before {\n    float: left;\n    border-left: 1px solid #e4e4e4;\n}\n.perseus-diff .after {\n    float: right;\n    border-right: 1px solid #e4e4e4;\n    border-left: 1px solid #e4e4e4;\n}\n.perseus-diff .inner-value {\n    height: 100%;\n    padding: 3px;\n}\n.perseus-diff .not-present {\n    display: none;\n}\n.perseus-diff .blank-space {\n    visibility: hidden;\n}\n.perseus-diff .added {\n    background-color: #eeffee;\n}\n.perseus-diff .added.dark {\n    background-color: #aaffaa;\n}\n.perseus-diff .removed {\n    background-color: #ffeeee;\n}\n.perseus-diff .removed.dark {\n    background-color: #ffaaaa;\n}\n.perseus-diff .image {\n    display: inline-block;\n    margin-left: 20px;\n    margin-bottom: 10px;\n}\n.perseus-diff .image,\n.perseus-diff .image > div,\n.perseus-diff .image > img {\n    max-height: 300px;\n    max-width: 100%;\n}\n.perseus-diff .image-unchanged {\n    border: 1px solid #aaaaaa;\n}\n.perseus-diff .image-added {\n    border: 2px solid #aaffaa;\n}\n.perseus-diff .image-removed {\n    border: 2px solid #ffaaaa;\n}\n.perseus-diff .diff-separator {\n    border-bottom: 1px dashed #444;\n    margin: 30px 0 10px 0;\n}\n/* Reset fieldset min-width as our editors include a fieldset element\nnested within a table cell, which results in native browser styling that\nbreaks the layout depending on the widget editors used.*/\n.perseus-editor-table fieldset {\n    min-inline-size: 0;\n    min-width: 0;\n}\n/**\n * Disabled Editing Mode Styles\n *\n * Applied when editingDisabled=true to prevent content creators from making\n * changes while still allowing them to view the editor interface.\n *\n * Targets all form controls and interactive elements within disabled editors.\n */\n.perseus-single-editor.perseus-editor-disabled input,\n.perseus-single-editor.perseus-editor-disabled textarea,\n.perseus-single-editor.perseus-editor-disabled select,\n.perseus-single-editor.perseus-editor-disabled checkbox,\n.perseus-single-editor.perseus-editor-disabled .perseus-math-input,\n.perseus-single-editor.perseus-editor-disabled .keypad-input {\n    opacity: 0.6 !important;\n    background-color: var(\n        --wb-semanticColor-core-background-neutral-subtle\n    ) !important;\n    cursor: not-allowed !important;\n    border-color: var(--wb-semanticColor-core-border-neutral-subtle) !important;\n}\n\n/* We want to keep the button colors as it often helps denote correctness. */\n.perseus-single-editor.perseus-editor-disabled button {\n    opacity: 0.6 !important;\n    cursor: not-allowed !important;\n}\n\n/* Plotter is a special case due to the archaic graphie implementation. */\n.perseus-editor-disabled .perseus-widget-plotter {\n    pointer-events: none;\n}\n",".dimensions-container {\n    display: flex;\n    flex-direction: column;\n    align-items: start;\n    background-color: var(\n        --wb-semanticColor-core-background-instructive-subtle\n    );\n    border: 1px solid var(--wb-semanticColor-core-border-base-subtle);\n    border-radius: var(--wb-sizing-size_080);\n    margin-block-start: var(--wb-sizing-size_080);\n    margin-block-end: var(--wb-sizing-size_120);\n    padding: var(--wb-sizing-size_080);\n}\n\n.dimensions-field-container {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n}\n\n.x-span {\n    display: block;\n    margin-inline: var(--wb-sizing-size_080);\n}\n\n.horizontal-line {\n    width: 100%;\n    height: 1px;\n    background-color: var(--wb-semanticColor-core-background-neutral-default);\n    margin-block: var(--wb-sizing-size_080);\n}\n\n.alt-text-field-container {\n    /* Relative position so that the character counter child element\n       can be positioned absolutely. */\n    position: relative;\n    /* Padding to make space for the character counter. */\n    padding-bottom: var(--wb-sizing-size_120);\n}\n",".decorative-toggle-container {\n    margin-block-end: var(--wb-sizing-size_080);\n}\n\n.flex-row {\n    display: flex;\n    align-items: center;\n    gap: var(--wb-sizing-size_040);\n}\n","/* We have to use !important until wonder blocks is in the shared layer. */\n/* TODO(LEMS-3686): Remove the !important once we don't need it anymore. */\n.single-select-short {\n    /* Non-standard spacing, but it's the smallest we can go\n    without running into styling issues with the dropdown. */\n    height: 26px !important;\n}\n\n.row {\n    display: flex !important;\n    flex-direction: row !important;\n    margin-top: 8px !important;\n    align-items: center !important;\n}\n","/* We have to use !important until wonder blocks is in the shared layer. */\n/* TODO(LEMS-3686): Remove the !important once we don't need it anymore. */\n.tile {\n    display: flex !important;\n    flex-direction: column !important;\n    gap: var(--wb-sizing-size_120) !important;\n    background-color: var(\n        --wb-semanticColor-core-background-instructive-subtle\n    ) !important;\n    margin-top: var(--wb-sizing-size_080) !important;\n    padding: var(--wb-sizing-size_120) !important;\n    border-radius: var(--wb-sizing-size_080) !important;\n}\n\n.tile-row {\n    display: flex !important;\n    flex-direction: row !important;\n    align-items: center !important;\n    gap: var(--wb-sizing-size_120) !important;\n    background-color: var(\n        --wb-semanticColor-core-background-instructive-subtle\n    ) !important;\n    margin-top: var(--wb-sizing-size_080) !important;\n    padding: var(--wb-sizing-size_120) !important;\n    border-radius: var(--wb-sizing-size_080) !important;\n}\n\n.row {\n    display: flex !important;\n    flex-direction: row !important;\n    align-items: center !important;\n    gap: var(--wb-sizing-size_120) !important;\n}\n\n.label-field {\n    display: flex !important;\n    flex-direction: row !important;\n    align-items: center !important;\n    gap: var(--wb-sizing-size_060) !important;\n}\n\n.label-prefix {\n    display: inline-block !important;\n    min-inline-size: var(--wb-sizing-size_400) !important;\n    text-align: right !important;\n}\n\n.text-field-wrapper {\n    inline-size: var(--wb-sizing-size_800) !important;\n}\n\n.point-label-field {\n    inline-size: var(--wb-sizing-size_640) !important;\n}\n\n.equationSection {\n    margin-top: var(--wb-sizing-size_120) !important;\n}\n\n.equationBody {\n    background-color: var(\n        --wb-semanticColor-core-background-neutral-subtle\n    ) !important;\n    border: var(--wb-border-width-thin) solid\n        var(--wb-semanticColor-core-border-neutral-subtle) !important;\n    margin-top: var(--wb-sizing-size_080) !important;\n    padding-left: var(--wb-sizing-size_080) !important;\n    padding-right: var(--wb-sizing-size_080) !important;\n    font-size: var(--wb-font-size-xSmall) !important;\n}\n\n.reset-button {\n    margin-top: var(--wb-sizing-size_120) !important;\n}\n",".title {\n    font-family: inherit;\n    font-size: 15px;\n    font-weight: bold;\n    line-height: var(--wb-font-body-lineHeight-large);\n    margin-bottom: var(--wb-sizing-size_060);\n    color: #626569; /* gray17 */\n}\n\n.option {\n    display: flex;\n    padding: var(--wb-sizing-size_060) var(--wb-sizing-size_0);\n}\n\n.label {\n    /* TODO: could we use WB typography? */\n    font-family: inherit;\n    font-size: 15px;\n    line-height: 1.25;\n    margin-left: var(--wb-sizing-size_160);\n    color: #626569; /* gray17 */\n}\n\n.selectLabel {\n    margin-right: var(--wb-sizing-size_080);\n}\n",".tile {\n    display: flex;\n    flex-direction: column;\n    background-color: var(\n        --wb-semanticColor-core-background-instructive-subtle\n    );\n    border: 1px solid var(--wb-semanticColor-core-border-neutral-subtle);\n    border-radius: 12px;\n    padding-inline: 12px;\n    padding-block: 4px;\n    margin-block-end: 12px;\n}\n\n.radio-option-actions-container {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    margin-block-start: 8px;\n}\n\n.button-row {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    margin-block-start: 8px;\n}\n\n.image-editor-container {\n    display: flex;\n    flex-direction: column;\n    position: relative;\n    padding: 8px;\n    padding-block-start: 24px;\n    border: 1px solid var(--wb-semanticColor-core-border-neutral-default);\n    border-radius: 8px;\n    margin-block-start: 8px;\n    background-color: var(--wb-semanticColor-core-background-base-default);\n}\n"]}
+{"version":3,"sources":["widget-editor-settings.css","perseus-editor.css","expression-editor.module.css","graded-group-editor.module.css","image-editor.module.css","decorative-toggle.module.css","interactive-graph-editor.module.css","interactive-graph-description.module.css","interactive-graph-settings.module.css","interactive-graph-sr-tree.module.css","locked-figure-select.module.css","coordinate-pair-input.module.css","color-select.module.css","line-weight-select.module.css","locked-ellipse-settings.module.css","locked-figure-aria.module.css","locked-figure-settings-actions.module.css","locked-label-settings.module.css","locked-function-settings.module.css","locked-line-settings.module.css","locked-point-settings.module.css","locked-polygon-settings.module.css","locked-vector-settings.module.css","locked-figures-section.module.css","start-coords-shared.module.css","answer-choices.module.css","label-image-editor.module.css","select-image.module.css","segmented-control.module.css","radio-editor.module.css"],"names":[],"mappings":"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","file":"index.css","sourcesContent":["/* We have to use !important until wonder blocks is in the shared layer. */\n/* TODO(LEMS-3686): Remove the !important once we don't need it anymore. */\n.widget-editor-settings-container {\n    padding-inline: var(--wb-sizing-size_120) !important;\n    padding-block-start: var(--wb-sizing-size_120) !important;\n}\n\n.best-practices-container {\n    margin-block-end: var(--wb-sizing-size_060) !important;\n}\n","code {\n    font-family: Courier, monospace;\n}\n.pod-title {\n    background-color: #eee;\n    border: 1px solid #ddd;\n    border-bottom: 0;\n    font-size: 1.25em;\n    padding: 4px 10px;\n    border-radius: 3px 3px 0 0;\n}\n.pod-title.closed {\n    border-radius: 3px;\n}\n.smiley {\n    position: absolute;\n    left: 0px;\n    top: 4px;\n}\n.perseus-single-editor {\n    box-sizing: border-box;\n    width: 100%;\n}\n.perseus-json-editor {\n    width: 100%;\n    font-family: monospace;\n    height: 500px;\n}\n.perseus-json-editor.invalid {\n    background-color: #ffe6e6;\n}\n.perseus-textarea-pair {\n    border: 1px solid #ddd;\n    font-size: 12px;\n    line-height: 1.6;\n    position: relative;\n}\n.perseus-textarea-pair > .perseus-textarea-underlay {\n    color: transparent;\n    margin-bottom: 12px;\n    padding: 10px;\n    white-space: pre-wrap;\n    word-wrap: break-word;\n}\n.perseus-textarea-pair > .perseus-textarea-underlay b {\n    font-weight: normal;\n    background-color: #dfd;\n}\n.perseus-textarea-pair > .perseus-textarea-underlay b.selected {\n    background-color: #ddf;\n}\n.perseus-textarea-pair > .perseus-textarea-underlay b.error {\n    background-color: #fcc;\n}\n.perseus-textarea-pair > textarea {\n    background: transparent;\n    border: 0;\n    box-sizing: border-box;\n    font: inherit;\n    height: 100%;\n    left: 0;\n    overflow: hidden;\n    padding: 10px;\n    position: absolute;\n    resize: none;\n    top: 0;\n    width: 100%;\n}\n.perseus-widget-row {\n    margin: 7px 0;\n    width: 100%;\n}\n.perseus-widget-row .perseus-widget-left-col,\n.perseus-widget-row .perseus-widget-right-col {\n    display: inline-block;\n    width: 50%;\n}\n.perseus-widget-row .perseus-widget-left-col .range-input,\n.perseus-widget-row .perseus-widget-right-col .range-input {\n    float: right;\n    margin-right: 5px;\n}\n.perseus-widget-row > .range-input {\n    margin-left: 10px;\n}\n.perseus-answer-options {\n    border: 1px solid #ddd;\n    padding: 10px;\n}\n.perseus-answer-options * {\n    margin-bottom: 4px;\n}\n.perseus-answer-widget {\n    border: 1px solid #ddd;\n    border-radius: 0 0 3px 3px;\n    padding: 10px;\n}\n.perseus-answer-none {\n    border-bottom: 1px solid #ddd;\n}\n.perseus-answer-none > div {\n    display: none;\n}\n.perseus-widget-editor {\n    border: 1px solid #ddd;\n    border-radius: 3px;\n    margin-top: 10px;\n}\n.perseus-widget-editor .perseus-widget-editor-title {\n    background-color: #eee;\n    font-size: 1.25em;\n    padding: 4px 10px;\n    border-radius: 3px 3px 0 0;\n    border: 0;\n    display: flex;\n    align-items: center;\n    position: relative;\n    cursor: pointer;\n}\n.perseus-widget-editor .perseus-widget-editor-title.closed {\n    border-radius: 3px;\n}\n.perseus-widget-editor .perseus-widget-editor-title :first-child {\n    flex-grow: 1;\n}\n.perseus-widget-editor .perseus-widget-editor-title > a {\n    color: inherit;\n    text-decoration: none;\n}\n.perseus-widget-editor .perseus-widget-editor-title .alignment {\n    margin-right: 5px;\n}\n.perseus-widget-editor .perseus-widget-editor-title .simple-button {\n    font-size: 13px;\n    padding: 0 10px;\n}\n.perseus-widget-editor .perseus-widget-editor-content {\n    border-radius: 0 0 3px 3px;\n    padding: 0 var(--wb-sizing-size_100) var(--wb-sizing-size_100);\n    transition: all 0s;\n}\n.perseus-widget-editor .perseus-widget-editor-content.leave {\n    display: none;\n}\n.perseus-widget-editor .perseus-widget-editor-content .inline-options {\n    float: inline-start;\n    /* flexbox and inline-block don't work on <legend> elements, so going old-school here */\n    line-height: 24px;\n    /* for alignment with items in same line (like pills or buttons) */\n    padding-inline-end: 0.5em;\n}\n.perseus-widget-editor .perseus-widget-editor-content .tooltip-for-legend {\n    display: inline-block;\n    line-height: 24px;\n}\n.perseus-widget-editor .categorizer-container {\n    overflow-x: scroll;\n}\n.perseus-widget-editor .section-accordion {\n    display: flex;\n    flex-direction: row;\n}\n.perseus-widget-editor .delete-item-button {\n    align-self: center;\n    padding-right: 0.5em;\n}\n.perseus-widget-editor-title-id {\n    display: inline-flex;\n    align-items: center;\n}\n.perseus-widget-editor-title-id > svg {\n    float: left;\n    font-size: 14px;\n    margin-right: 10px;\n}\n.perseus-editor-accordion-container {\n    display: inline-grid;\n    width: 100%;\n}\n.perseus-editor-accordion-container.collapsed {\n    grid-template-rows: 0fr;\n    min-height: 0;\n    visibility: hidden;\n    transition:\n        all 0.25s step-end,\n        grid-template-rows 0.25s;\n}\n.perseus-editor-accordion-container.expanded {\n    grid-template-rows: 1fr;\n    min-height: 100%;\n    visibility: visible;\n    transition: grid-template-rows 0.5s;\n}\n.perseus-editor-accordion-container .perseus-editor-accordion-content {\n    overflow: hidden;\n    margin: 0 -1px;\n    /* allows focus ring on accordion to show */\n    padding: 0 1px;\n}\n.perseus-editor-widgets-selectors {\n    background-color: #eee;\n    border: 1px solid #ddd;\n    border-top: 0;\n    border-radius: 0 0 3px 3px;\n    display: flex;\n    flex-wrap: wrap;\n    padding: 10px / 2;\n}\n.perseus-editor-widgets-selectors select {\n    margin: 2px;\n}\n.perseus-editor-widgets > div.selected > strong {\n    background-color: #ddf;\n}\n.perseus-editor-widgets .warning {\n    background-color: #ffcccc;\n    padding: 4px;\n    margin: 4px;\n}\n.perseus-editor-word-count {\n    cursor: help;\n    flex: 1;\n    float: right;\n    margin-right: 3px;\n    margin-top: 2px;\n    text-align: right;\n}\n.MathJax .math {\n    color: inherit;\n}\n#perseus {\n    margin: 20px;\n    width: calc(100% - 500px);\n    z-index: 10;\n}\n#perseus #problemarea #workarea {\n    margin: 0;\n}\n#perseus #problemarea #workarea .perseus-image-caption {\n    top: 0px !important;\n}\n#perseus .perseus-question-container > div,\n#perseus .perseus-answer-container > div {\n    padding-bottom: 25px;\n}\n#perseus .add-choice-container,\n#perseus .add-hint-container {\n    display: flex;\n    flex-direction: row;\n    margin-bottom: 20px;\n    text-align: left;\n}\n#problemarea {\n    font-size: 14px;\n    position: relative;\n    float: left;\n    padding-bottom: 38px;\n}\n#problemarea a:link,\n#problemarea input,\n#problemarea label,\n#problemarea select {\n    /* for dropdowns */\n    position: relative;\n    z-index: 3;\n    /* interactive-content */\n}\n.perseus-editor-table {\n    clear: both;\n    display: table;\n    table-layout: fixed;\n}\n.perseus-editor-row {\n    display: table-row;\n}\n.perseus-editor-left-cell {\n    display: table-cell;\n    padding-right: 30px;\n    vertical-align: top;\n    width: 360px;\n    max-width: 360px;\n    min-width: 360px;\n    position: relative;\n    z-index: 10;\n}\n.perseus-editor-right-cell {\n    box-sizing: border-box;\n    display: table-cell;\n    padding: 30px;\n    padding-top: 5px;\n    vertical-align: top;\n}\n.perseus-hint-editor {\n    padding-bottom: 20px;\n}\n.perseus-hint-editor .perseus-single-editor {\n    margin-bottom: 5px;\n}\n.perseus-hint-editor .reorder-hints button {\n    font-size: 16px;\n}\n.perseus-hint-editor .reorder-hints button:hover,\n.perseus-hint-editor .reorder-hints button:active {\n    color: #000;\n    text-decoration: none;\n}\n.perseus-hint-editor .reorder-hints button.hidden {\n    visibility: hidden;\n}\n.perseus-hint-editor .remove-hint {\n    float: right;\n    font-size: 13px;\n    padding: 0 10px;\n}\n.perseus-hints-editor .add-hint {\n    font-size: 13px;\n}\n.perseus-hints-editor\n    .perseus-editor-row:first-child\n    .perseus-editor-right-cell {\n    border-top: 0;\n}\n.perseus-hint-editor + div .perseus-hint-renderer {\n    width: 100%;\n}\n.perseus-hint-editor + div .perseus-hint-renderer div.paragraph {\n    margin: 0px 0px 22px 0px;\n}\n.perseus-article-editor {\n    margin-bottom: 20px;\n    margin-top: 20px;\n}\n.perseus-article-editor .perseus-editor-table {\n    margin-left: auto;\n    margin-right: auto;\n}\n.perseus-article-editor .perseus-single-editor {\n    margin-bottom: 10px;\n}\n.perseus-article-editor .section-control-button,\n.perseus-article-editor .step-control-button {\n    font-size: 13px;\n    padding: 2px 10px;\n    margin: 0 2px;\n}\n.perseus-article-editor .perseus-editor-left-cell {\n    min-width: 360px;\n}\n.perseus-article-editor .mobile-preview,\n.perseus-article-editor .desktop-preview,\n.perseus-article-editor .editor-preview,\n.perseus-article-editor .standalone-preview {\n    box-sizing: border-box;\n}\n.perseus-article-editor .mobile-preview {\n    border: 1px solid rgba(0, 0, 0, 0.29);\n    max-width: 322px;\n    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.29);\n    padding: 32px 16px;\n}\n.perseus-article-editor .desktop-preview {\n    border: 1px solid transparent;\n    padding: 32px 20px;\n}\n.perseus-article-editor .editor-preview {\n    display: table-cell;\n}\n.perseus-article-editor .editor-preview.full-width {\n    width: 100%;\n}\n.perseus-article-editor .editor-preview .desktop-preview {\n    border: 1px solid rgba(0, 0, 0, 0.29);\n    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.29);\n    width: 100%;\n}\n.perseus-article-editor .standalone-preview .mobile-preview,\n.perseus-article-editor .standalone-preview .desktop-preview {\n    margin-left: auto;\n    margin-right: auto;\n}\n.perseus-article-editor .json-editor {\n    margin: auto;\n    max-width: 688px;\n}\n.perseus-article-editor .perseus-json-editor {\n    display: block;\n    margin-left: auto;\n    margin-right: auto;\n}\n.perseus-article-editor .json-editor-warning {\n    margin-bottom: 10px;\n    text-align: center;\n}\n.perseus-article-editor .framework-perseus.perseus-article {\n    box-sizing: border-box;\n}\n.perseus-article-editor .framework-perseus.perseus-article * {\n    box-sizing: inherit;\n}\n.perseus-article-editor .perseus-editor-left-cell > .pod-title {\n    padding: 4px 9px;\n}\n.perseus-widget-dropdown input[type=\"text\"] {\n    border: 1px solid #ccc;\n    border-radius: 5px;\n    padding: 5px;\n}\n\n.perseus-widget-dropdown .dropdown-choices {\n    margin: 20px 0;\n}\n.perseus-widget-dropdown .dropdown-choices .dropdown-choice {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 10px;\n}\n\n.perseus-widget-dropdown .dropdown-info {\n    display: inline-flex;\n    margin-bottom: 16px;\n}\n.perseus-widget-dropdown .dropdown-field {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    min-width: 0;\n    margin-bottom: 16px;\n}\n.perseus-widget-dropdown .remove-choice {\n    margin-bottom: 10px;\n}\n.perseus-input-number-editor {\n    font-family: Lato, \"Noto Sans\", sans-serif;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 20px;\n}\n.perseus-input-number-editor .answer-option .unsimplified-options {\n    min-height: 48px;\n}\n.perseus-input-number-editor .perseus-textarea-pair {\n    font-size: 16px;\n}\n.perseus-input-number-editor .perseus-textarea-pair .perseus-textarea-underlay {\n    margin-bottom: 26px;\n}\n.perseus-input-number-editor .perseus-textarea-pair textarea {\n    background-color: #ffffff;\n    border: 1px solid rgba(33, 36, 44, 0.5);\n    border-radius: 4px;\n}\n.perseus-input-number-editor .input-answer-editor-value,\n.perseus-input-number-editor .input-answer-editor-message {\n    display: inline-block;\n}\n.perseus-input-number-editor .input-answer-editor-value-container {\n    display: block;\n}\n.perseus-input-number-editor .input-answer-editor-value-container input {\n    background: #ffffff;\n    border: 1px solid rgba(33, 36, 44, 0.5);\n    border-radius: 4px;\n    color: #21242c;\n    font-family: Lato, \"Noto Sans\", sans-serif;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 20px;\n    outline-offset: -2px;\n}\n.perseus-input-number-editor\n    .input-answer-editor-value-container\n    .numeric-input-value {\n    margin-left: 8px;\n    width: 6em;\n}\n.perseus-input-number-editor\n    .input-answer-editor-value-container\n    .max-error-input-value {\n    display: none;\n    width: 3em;\n}\n.perseus-input-number-editor\n    .input-answer-editor-value-container\n    .max-error-plusmn {\n    cursor: default;\n    display: none;\n    height: 32px;\n    padding-top: 4px;\n    text-align: center;\n    vertical-align: top;\n    width: 1em;\n}\n.perseus-input-number-editor\n    .input-answer-editor-value-container.with-max-error\n    .numeric-input-value,\n.perseus-input-number-editor\n    .input-answer-editor-value-container:focus-within\n    .numeric-input-value {\n    border-right: none;\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n}\n.perseus-input-number-editor\n    .input-answer-editor-value-container.with-max-error\n    .max-error-input-value,\n.perseus-input-number-editor\n    .input-answer-editor-value-container:focus-within\n    .max-error-input-value {\n    border-left: none;\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n    display: inline-block;\n}\n.perseus-input-number-editor\n    .input-answer-editor-value-container.with-max-error\n    .max-error-plusmn,\n.perseus-input-number-editor\n    .input-answer-editor-value-container:focus-within\n    .max-error-plusmn {\n    border-top: 1px solid rgba(33, 36, 44, 0.5);\n    border-bottom: 1px solid rgba(33, 36, 44, 0.5);\n    display: inline-block;\n}\n.perseus-input-number-editor .options-toggle,\n.perseus-input-number-editor .answer-trash,\n.perseus-input-number-editor .answer-status {\n    height: 26px;\n    line-height: 26px;\n    outline-offset: -3px;\n    vertical-align: middle;\n}\n.perseus-input-number-editor .value-divider {\n    border-top: 1px solid #ccc;\n}\n.perseus-input-number-editor .options-toggle,\n.perseus-input-number-editor .answer-trash {\n    border-left: 1px solid #ccc;\n    box-sizing: border-box;\n    cursor: pointer;\n    display: inline-block;\n    text-align: center;\n    text-decoration: none;\n    width: 20%;\n}\n.perseus-input-number-editor .options-toggle {\n    background-color: #eee;\n    color: #444;\n}\n.perseus-input-number-editor .options-toggle:hover {\n    background-color: #ccc;\n}\n.perseus-input-number-editor .answer-trash {\n    background-color: #c04f03;\n    background-image: linear-gradient(to bottom, #e35d04, #c04f03);\n    color: #fff;\n}\n.perseus-input-number-editor .answer-trash:hover {\n    color: #fff;\n    background-image: linear-gradient(to bottom, #f46e15, #d16014);\n}\n.perseus-input-number-editor .is-strict-indicator {\n    background-color: #d9edf7;\n    border-bottom: 1px solid #ccc;\n    border-right: 1px solid #ccc;\n    cursor: default;\n    font-size: 16px;\n    line-height: 12px;\n    height: 12px;\n    width: 12px;\n    text-align: center;\n    position: absolute;\n    top: 0;\n    right: auto;\n    bottom: auto;\n    left: 0;\n    -webkit-user-select: none;\n    user-select: none;\n}\n.perseus-input-number-editor .simplify-indicator {\n    border-top: 1px solid #ccc;\n    border-right: 1px solid #ccc;\n    cursor: default;\n    font-size: 10px;\n    line-height: 13px;\n    height: 13px;\n    width: 12px;\n    text-align: center;\n    position: absolute;\n    top: 12px;\n    right: auto;\n    bottom: auto;\n    left: 0;\n    -webkit-user-select: none;\n    user-select: none;\n}\n.perseus-input-number-editor .simplify-indicator.optional {\n    background-color: #aaffaa;\n}\n.perseus-input-number-editor .simplify-indicator.enforced {\n    background-color: #ffcccc;\n}\n.perseus-input-number-editor .answer-status {\n    color: inherit;\n    display: inline-block;\n    text-align: center;\n    text-decoration: none;\n    width: 60%;\n    -webkit-user-select: none;\n    user-select: none;\n}\n.perseus-input-number-editor .answer-status.wrong {\n    background-color: #ffcccc;\n}\n.perseus-input-number-editor .answer-status.correct {\n    background-color: #aaffaa;\n}\n.perseus-input-number-editor .answer-status.ungraded {\n    background-color: #d9edf7;\n}\n.perseus-input-number-editor .input-answer-editor-message {\n    margin-left: 5px;\n}\n.perseus-input-number-editor\n    .input-answer-editor-message\n    .perseus-single-editor {\n    font-family: \"Lucida Grande\";\n    width: 230px;\n}\n.perseus-input-number-editor\n    .input-answer-editor-message\n    .perseus-single-editor\n    .perseus-textarea-pair\n    > textarea,\n.perseus-input-number-editor\n    .input-answer-editor-message\n    .perseus-single-editor\n    .perseus-textarea-underlay {\n    padding: 5px;\n}\n.perseus-input-number-editor\n    .input-answer-editor-message\n    .perseus-single-editor\n    .perseus-textarea-pair {\n    border-color: #ccc;\n    border-radius: 3px;\n    min-height: 53px;\n}\n.perseus-input-number-editor\n    .input-answer-editor-message\n    .perseus-single-editor\n    .perseus-textarea-underlay {\n    margin-bottom: 0;\n}\n.perseus-widget-radio {\n    margin-bottom: 10px;\n}\n.perseus-widget-radio .choice-editor .perseus-single-editor {\n    margin-bottom: 0;\n}\n.perseus-widget-radio .choice-editor.correct textarea {\n    background: #aaffaa;\n}\n.perseus-widget-radio .choice-editor.incorrect textarea {\n    background: #ffcccc;\n}\n.perseus-widget-radio textarea::placeholder {\n    color: #777;\n}\n.perseus-widget-radio .rationale-editor .perseus-textarea-pair {\n    border-top: 0;\n}\n.perseus-widget-radio .choice-rationale-editors,\n.perseus-widget-radio .choice-editor,\n.perseus-widget-radio .rationale-editor {\n    display: inline-block;\n    width: 100%;\n}\n.perseus-widget-radio .perseus-single-editor {\n    border: 0;\n    display: inline-block;\n    margin: 0 0 5px;\n    vertical-align: top;\n}\n.perseus-widget-radio .perseus-single-editor p {\n    margin: 0;\n}\n.perseus-widget-radio .perseus-textarea-pair,\n.perseus-widget-radio .perseus-textarea-underlay {\n    /* Wrap when text area has a long image link that overflows. */\n    overflow-wrap: anywhere;\n    display: block;\n}\n.perseus-widget-radio .perseus-textarea-pair > textarea,\n.perseus-widget-radio .perseus-textarea-pair > .perseus-textarea-underlay {\n    padding: 5px;\n}\n.perseus-widget-editor-content .add-choice-container .simple-button {\n    margin-right: 10px;\n}\n.perseus-widget-editor-content .perseus-widget-radio {\n    position: static;\n}\n.perseus-widget-editor-content .perseus-widget-radio .checkbox {\n    position: relative;\n    top: -10px;\n}\n.perseus-widget-editor-content .perseus-radio-option.none-of-above:before {\n    content: \"None of the above\";\n    display: block;\n    font-style: italic;\n    font-weight: bold;\n}\n.perseus-widget-editor-content\n    .perseus-radio-option.none-of-above\n    .choice-editor.incorrect {\n    opacity: 0.5;\n}\n#solutionarea .perseus-widget-radio li {\n    padding: 7px 0;\n}\n.framework-perseus\n    table.perseus-widget-table-of-values\n    th\n    .perseus-single-editor {\n    width: 80px;\n    margin-bottom: 6px;\n}\n.framework-perseus\n    table.perseus-widget-table-of-values\n    th\n    .perseus-textarea-pair,\n.framework-perseus\n    table.perseus-widget-table-of-values\n    th\n    .perseus-single-editor {\n    height: 50px;\n}\n.categorization-container.categorization-container-editor {\n    width: 350px;\n    margin-bottom: 160px;\n}\n.categorization-container.categorization-container-editor .card input {\n    margin: 7px 3px 7px 13px;\n    font-size: 12px;\n    display: block;\n    width: 81%;\n}\n.categorization-container.categorization-container-editor .category {\n    float: left;\n    padding: 5px;\n    width: 160px;\n}\n.categorization-container.categorization-container-editor .categories {\n    width: 176px;\n}\n.categorization-container.categorization-container-editor\n    .perseus-textarea-underlay {\n    margin-bottom: 0;\n}\n.categorization-container.categorization-container-editor .drag-bar {\n    float: left;\n    font-size: 10px;\n    padding: 2px 0;\n    height: 70%;\n    margin-top: 3px;\n}\n.categorization-container.categorization-container-editor .header {\n    margin-bottom: 8px;\n}\n.categorization-container.categorization-container-editor .header input {\n    display: block;\n    margin-right: 24px;\n    width: 76%;\n}\n.categorization-container.categorization-container-editor .header .remove {\n    position: relative;\n    top: -14px;\n    left: 12px;\n    float: right;\n    width: 20px;\n    height: 20px;\n    padding: 2px;\n    color: #666;\n    cursor: pointer;\n}\n.categorization-container.categorization-container-editor\n    .header\n    .remove:hover {\n    color: #333;\n}\n.categorization-container.categorization-container-editor .delete-item-area {\n    position: absolute;\n    width: 150px;\n    height: 60px;\n    padding-top: 40px;\n    bottom: -150px;\n    left: 10px;\n    border: dashed 2px #888;\n    color: #888;\n    text-align: center;\n    font-size: 20px;\n}\n.categorization-container.categorization-container-editor\n    .delete-item-area.target {\n    border-color: black;\n    color: #333;\n}\n.categorization-container.categorization-container-editor .card {\n    width: 130px;\n    padding: 0;\n}\n.categorization-container.categorization-container-editor\n    .card.dragging\n    .drag-bar {\n    margin-left: 2px;\n}\n.categorization-editor-area {\n    height: 30px;\n}\n.categorization-editor-area .add-item {\n    float: left;\n    margin-left: 17px;\n}\n.categorization-editor-area .add-category {\n    margin-left: 173px;\n}\n.perseus-widget-interactive-graph {\n    display: block;\n}\n.perseus-widget-plotter-editor .plotter-categories,\n.perseus-widget-plotter-editor .pic-url {\n    width: 70%;\n}\n.perseus-text-list-editor input[type=\"text\"] {\n    padding: 3px;\n    margin-right: 5px;\n    min-width: 20px;\n    max-width: 340px;\n}\n.perseus-text-list-editor.layout-horizontal input[type=\"text\"] {\n    float: left;\n}\n.perseus-matcher-editor .perseus-text-list-editor {\n    float: left;\n    max-width: 50%;\n}\n.perseus-matcher-editor .perseus-text-list-editor input[type=\"text\"] {\n    max-width: 90%;\n}\n.perseus-matcher-editor input[type=\"text\"] {\n    width: 46%;\n}\n.perseus-matcher-editor input[type=\"text\"] + input[type=\"text\"] {\n    margin-left: 2%;\n}\n.info-tip {\n    display: inline-block;\n}\n.info-tip-content-container p {\n    font-size: 12px;\n    line-height: 1.4;\n    margin: 0;\n}\n.info-tip-content-container p + p {\n    margin-top: 22px;\n}\n.perseus-widget-interaction-editor\n    .perseus-widget-interaction-editor-select-element {\n    background-color: #eee;\n    border: 1px solid #ddd;\n    border-top: 0;\n    border-radius: 0 0 3px 3px;\n    padding: 5px 10px;\n    margin: 20px -11px -11px -11px;\n}\n.perseus-widget-interaction-editor .colorpicker-circle {\n    border-radius: 50%;\n    width: 14px;\n    height: 14px;\n    position: absolute;\n    left: 5px;\n    top: 5px;\n}\n.perseus-interaction-element {\n    border: 1px solid #ddd;\n    border-radius: 3px;\n}\n.perseus-interaction-element .perseus-interaction-element-title {\n    background-color: #eee;\n    border: 1px solid #ddd;\n    border-bottom: 0;\n    font-size: 1.25em;\n    padding: 4px 10px;\n    border-radius: 3px 3px 0 0;\n    border: 0;\n    color: inherit;\n    display: block;\n    text-decoration: none;\n    white-space: nowrap;\n    font-size: 1em;\n    overflow: hidden;\n}\n.perseus-interaction-element .perseus-interaction-element-title.closed {\n    border-radius: 3px;\n}\n.perseus-interaction-element .perseus-interaction-element-title > svg {\n    float: left;\n    font-size: 14px;\n    margin-right: 10px;\n}\n.perseus-interaction-element .perseus-interaction-element-content {\n    border-radius: 0 0 3px 3px;\n    border-top: 1px solid #ddd;\n    padding: 10px;\n}\n.perseus-interaction-element\n    .perseus-interaction-element-content\n    .edit-controls {\n    text-align: right;\n    margin-top: -30px;\n}\n.perseus-interaction-element\n    .perseus-interaction-element-content\n    .edit-controls\n    > button {\n    background: #fff;\n    border: 0;\n    cursor: pointer;\n    padding: 0;\n    margin-left: 7px;\n    font-size: 18px;\n    color: #555;\n}\n.perseus-interaction-element .perseus-interaction-element-content.leave {\n    display: none;\n}\n.button-set-separator {\n    margin: 10px 0;\n}\n.perseus-widget-editor .unit-radio {\n    color: black;\n    text-decoration: none;\n}\n.unit-example-not-okay {\n    color: red;\n}\n.unit-example-okay {\n    color: green;\n}\n.pair-editor input {\n    width: 120px;\n}\n.marvel-device.iphone6.silver:after {\n    z-index: 1;\n}\n.perseus-diff {\n    margin: 0 10px;\n}\n.perseus-diff .diff-header {\n    font-size: 18px;\n    padding: 10px 0;\n    width: 50%;\n    display: inline-block;\n}\n.perseus-diff .diff-header.collapsed {\n    font-size: 14px;\n    padding: 0px;\n}\n.perseus-diff .diff-body {\n    border-top: 1px solid #e4e4e4;\n    border-bottom: 1px solid #e4e4e4;\n}\n.perseus-diff .diff-row {\n    width: 50%;\n    white-space: pre-wrap;\n    box-sizing: border-box;\n    font-size: 14px;\n    padding-right: 20px;\n    padding-left: 10px;\n    overflow: hidden;\n}\n.perseus-diff .diff-row.collapsed {\n    color: #888;\n    cursor: pointer;\n}\n.perseus-diff .diff-row.collapsed:hover {\n    color: #666;\n}\n.perseus-diff .diff-row.collapsed:active {\n    color: #444;\n}\n.perseus-diff .diff-row .diff-line {\n    margin-bottom: 20px;\n}\n.perseus-diff .before {\n    float: left;\n    border-left: 1px solid #e4e4e4;\n}\n.perseus-diff .after {\n    float: right;\n    border-right: 1px solid #e4e4e4;\n    border-left: 1px solid #e4e4e4;\n}\n.perseus-diff .inner-value {\n    height: 100%;\n    padding: 3px;\n}\n.perseus-diff .not-present {\n    display: none;\n}\n.perseus-diff .blank-space {\n    visibility: hidden;\n}\n.perseus-diff .added {\n    background-color: #eeffee;\n}\n.perseus-diff .added.dark {\n    background-color: #aaffaa;\n}\n.perseus-diff .removed {\n    background-color: #ffeeee;\n}\n.perseus-diff .removed.dark {\n    background-color: #ffaaaa;\n}\n.perseus-diff .image {\n    display: inline-block;\n    margin-left: 20px;\n    margin-bottom: 10px;\n}\n.perseus-diff .image,\n.perseus-diff .image > div,\n.perseus-diff .image > img {\n    max-height: 300px;\n    max-width: 100%;\n}\n.perseus-diff .image-unchanged {\n    border: 1px solid #aaaaaa;\n}\n.perseus-diff .image-added {\n    border: 2px solid #aaffaa;\n}\n.perseus-diff .image-removed {\n    border: 2px solid #ffaaaa;\n}\n.perseus-diff .diff-separator {\n    border-bottom: 1px dashed #444;\n    margin: 30px 0 10px 0;\n}\n/* Reset fieldset min-width as our editors include a fieldset element\nnested within a table cell, which results in native browser styling that\nbreaks the layout depending on the widget editors used.*/\n.perseus-editor-table fieldset {\n    min-inline-size: 0;\n    min-width: 0;\n}\n/**\n * Disabled Editing Mode Styles\n *\n * Applied when editingDisabled=true to prevent content creators from making\n * changes while still allowing them to view the editor interface.\n *\n * Targets all form controls and interactive elements within disabled editors.\n */\n.perseus-single-editor.perseus-editor-disabled input,\n.perseus-single-editor.perseus-editor-disabled textarea,\n.perseus-single-editor.perseus-editor-disabled select,\n.perseus-single-editor.perseus-editor-disabled checkbox,\n.perseus-single-editor.perseus-editor-disabled .perseus-math-input,\n.perseus-single-editor.perseus-editor-disabled .keypad-input {\n    opacity: 0.6 !important;\n    background-color: var(\n        --wb-semanticColor-core-background-neutral-subtle\n    ) !important;\n    cursor: not-allowed !important;\n    border-color: var(--wb-semanticColor-core-border-neutral-subtle) !important;\n}\n\n/* We want to keep the button colors as it often helps denote correctness. */\n.perseus-single-editor.perseus-editor-disabled button {\n    opacity: 0.6 !important;\n    cursor: not-allowed !important;\n}\n\n/* Plotter is a special case due to the archaic graphie implementation. */\n.perseus-editor-disabled .perseus-widget-plotter {\n    pointer-events: none;\n}\n",".padded-x {\n    padding-left: var(--wb-sizing-size_080);\n    padding-right: var(--wb-sizing-size_080);\n}\n\n.padded-y {\n    padding-top: var(--wb-sizing-size_060);\n    padding-bottom: var(--wb-sizing-size_060);\n}\n\n.answer-option {\n    border: 1px solid #ddd;\n    border-radius: 3px;\n    display: flex;\n    flex-direction: column;\n}\n\n.button-row {\n    display: flex;\n    gap: var(--wb-sizing-size_120);\n}\n\n/* TODO(LEMS-3686): Remove the !important once we don't need it anymore. */\n.button-sets {\n    text-transform: uppercase !important;\n}\n\n.answers-subtitle {\n    font-style: italic !important;\n}\n\n.answers-group {\n    gap: var(--wb-sizing-size_120) !important;\n}\n\n.answers-list {\n    gap: var(--wb-sizing-size_080) !important;\n}\n\n.delete-button {\n    padding-inline: var(--wb-sizing-size_160) !important;\n}\n",".title {\n    font-size: 18px;\n    font-weight: bold;\n}\n\n.input {\n    font-size: 18px;\n}\n\n.hints-title {\n    margin-top: var(--wb-sizing-size_100);\n    font-size: 110%;\n    font-weight: bold;\n}\n\n.add-hint-button {\n    margin-top: var(--wb-sizing-size_100);\n}\n",".dimensions-container {\n    display: flex;\n    flex-direction: column;\n    align-items: start;\n    background-color: var(\n        --wb-semanticColor-core-background-instructive-subtle\n    );\n    border: 1px solid var(--wb-semanticColor-core-border-base-subtle);\n    border-radius: var(--wb-sizing-size_080);\n    margin-block-start: var(--wb-sizing-size_080);\n    margin-block-end: var(--wb-sizing-size_120);\n    padding: var(--wb-sizing-size_080);\n}\n\n.dimensions-field-container {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n}\n\n.x-span {\n    display: block;\n    margin-inline: var(--wb-sizing-size_080);\n}\n\n.horizontal-line {\n    width: 100%;\n    height: 1px;\n    background-color: var(--wb-semanticColor-core-background-neutral-default);\n    margin-block: var(--wb-sizing-size_080);\n}\n\n.alt-text-field-container {\n    /* Relative position so that the character counter child element\n       can be positioned absolutely. */\n    position: relative;\n    /* Padding to make space for the character counter. */\n    padding-bottom: var(--wb-sizing-size_120);\n}\n",".decorative-toggle-container {\n    margin-block-end: var(--wb-sizing-size_080);\n}\n\n.flex-row {\n    display: flex;\n    align-items: center;\n    gap: var(--wb-sizing-size_040);\n}\n","/* We have to use !important until wonder blocks is in the shared layer. */\n/* TODO(LEMS-3686): Remove the !important once we don't need it anymore. */\n.single-select-short {\n    /* Non-standard spacing, but it's the smallest we can go\n    without running into styling issues with the dropdown. */\n    height: 26px !important;\n}\n\n.row {\n    display: flex !important;\n    flex-direction: row !important;\n    margin-top: 8px !important;\n    align-items: center !important;\n}\n","/* TODO(LEMS-3686): Remove the !important once Wonder Blocks is in the shared layer. */\n.container {\n    /* gap is for the vertical spacing between the captions and fields,\n     * while padding-top restores the space above the first caption\n     * this replaces the deprecated Strut spacing style */\n    gap: var(--wb-sizing-size_120) !important;\n    padding-top: var(--wb-sizing-size_060) !important;\n}\n\n.caption {\n    color: var(--wb-semanticColor-core-foreground-neutral-subtle) !important;\n}\n",".background-url-input {\n    border: 1px solid var(--wb-semanticColor-core-border-neutral-subtle);\n    border-radius: var(--wb-sizing-size_040);\n    padding: var(--wb-sizing-size_040);\n}\n\n/* TODO(LEMS-3686): Remove the !important once Wonder Blocks is in the shared layer. */\n.checkbox-row {\n    display: flex !important;\n    flex-direction: row !important;\n    align-items: center !important;\n    justify-content: space-between !important;\n    margin-bottom: var(--wb-sizing-size_080) !important;\n}\n\n.protractor-section {\n    margin-top: var(--wb-sizing-size_080) !important;\n    padding-top: var(--wb-sizing-size_080) !important;\n    padding-bottom: var(--wb-sizing-size_080) !important;\n    border-top: 1px solid var(--wb-semanticColor-core-border-neutral-subtle) !important;\n    border-bottom: 1px solid var(--wb-semanticColor-core-border-neutral-subtle) !important;\n}\n",".tree-list {\n    list-style: revert;\n    margin-left: var(--wb-sizing-size_080);\n}\n\n.indent-list {\n    list-style: revert;\n    margin-left: var(--wb-sizing-size_120);\n}\n\n/* TODO(LEMS-3686): Remove the !important once Wonder Blocks is in the shared layer. */\n.switch-row {\n    display: flex !important;\n    flex-direction: row !important;\n    align-items: center !important;\n    gap: var(--wb-sizing-size_080) !important;\n    margin-top: var(--wb-sizing-size_080) !important;\n    margin-bottom: var(--wb-sizing-size_080) !important;\n}\n","/* TODO(LEMS-3686): Remove the !important once Wonder Blocks is in the shared layer. */\n.container {\n    margin-top: var(--wb-sizing-size_080) !important;\n}\n\n.add-element-select {\n    background-color: var(\n        --wb-semanticColor-core-background-instructive-subtle\n    ) !important;\n    border-radius: var(--wb-sizing-size_040) !important;\n}\n","/* TODO(LEMS-3686): Remove the !important once Wonder Blocks is in the shared layer. */\n.container {\n    display: flex !important;\n    flex-direction: row !important;\n    align-items: center !important;\n    gap: var(--wb-sizing-size_160) !important;\n}\n\n.label {\n    display: flex !important;\n    flex-direction: row !important;\n    align-items: center !important;\n    gap: var(--wb-sizing-size_060) !important;\n}\n","/* TODO(LEMS-3686): Remove the !important once Wonder Blocks is in the shared layer. */\n.row {\n    display: flex !important;\n    flex-direction: row !important;\n    align-items: center !important;\n    gap: var(--wb-sizing-size_060) !important;\n    /* Set minWidth to \"auto\" to prevent the component from bleeding */\n    /* into the margins. (minWidth is 0 by default.) */\n    min-width: auto !important;\n}\n","/* TODO(LEMS-3686): Remove the !important once Wonder Blocks is in the shared layer. */\n.line-weight-select {\n    display: flex !important;\n    flex-direction: row !important;\n    align-items: center !important;\n    gap: var(--wb-sizing-size_040) !important;\n    /* Allow truncation, stop bleeding over the edge. */\n    min-width: 0 !important;\n}\n","/* We have to use !important until wonder blocks is in the shared layer. */\n/* TODO(LEMS-3686): Remove the !important once we don't need it anymore. */\n.row {\n    display: flex !important;\n    flex-direction: row !important;\n    align-items: center !important;\n}\n\n/* gap replaces the spacer that separated the header label from its swatch. */\n.header {\n    gap: var(--wb-sizing-size_080) !important;\n}\n\n.space-under {\n    margin-bottom: var(--wb-sizing-size_080) !important;\n}\n\n.color-row {\n    margin-top: var(--wb-sizing-size_080) !important;\n    margin-bottom: var(--wb-sizing-size_080) !important;\n    /* gap replaces the spacer between the color select and the fill control. */\n    gap: var(--wb-sizing-size_160) !important;\n}\n\n/* gap replaces the spacer between the \"fill\" label and its select. */\n.fill-label {\n    gap: var(--wb-sizing-size_060) !important;\n}\n\n.truncated-width {\n    /* Allow truncation, stop bleeding over the edge. */\n    min-width: 0 !important;\n}\n\n.add-button {\n    align-self: start !important;\n}\n\n.horizontal-rule {\n    height: 1px !important;\n    background-color: var(\n        --wb-semanticColor-core-border-neutral-subtle\n    ) !important;\n}\n\n/* Top spacing for a section start (a divider opening a section, or a heading). */\n.section-top {\n    margin-top: var(--wb-sizing-size_120) !important;\n}\n\n/* A divider that hugs the content directly above it. */\n.divider-tight {\n    margin-top: var(--wb-sizing-size_040) !important;\n}\n","/* TODO(LEMS-3686): Remove the !important once Wonder Blocks is in the shared layer. */\n.container {\n    display: flex !important;\n    flex-direction: column !important;\n    gap: var(--wb-sizing-size_060) !important;\n    padding-top: var(--wb-sizing-size_080) !important;\n}\n\n.row {\n    flex-direction: row !important;\n    align-items: center !important;\n}\n\n.button {\n    align-self: start !important;\n    margin-top: calc(-1 * var(--wb-sizing-size_060)) !important;\n}\n\n.caption {\n    color: var(--wb-semanticColor-core-foreground-neutral-subtle) !important;\n}\n","/* TODO(LEMS-3686): Remove the !important once Wonder Blocks is in the shared layer. */\n.container {\n    width: 100% !important;\n    flex-direction: row !important;\n    align-items: center !important;\n    margin-top: var(--wb-sizing-size_040) !important;\n}\n\n.delete-button {\n    /* Line up the delete icon with the rest of the content. */\n    margin-inline-start: calc(-1 * var(--wb-sizing-size_040)) !important;\n}\n","/* We have to use !important until wonder blocks is in the shared layer. */\n/* TODO(LEMS-3686): Remove the !important once we don't need it anymore. */\n.accordion-header-container {\n    /* Stop the label summary from wrapping. */\n    white-space: nowrap !important;\n}\n\n.accordion-header {\n    padding: var(--wb-sizing-size_040) !important;\n    margin-inline-end: var(--wb-sizing-size_080) !important;\n    border-radius: var(--wb-sizing-size_040) !important;\n    text-overflow: ellipsis !important;\n    overflow: hidden !important;\n    background-color: var(\n        --wb-semanticColor-core-background-base-default\n    ) !important;\n}\n\n.row {\n    display: flex !important;\n    flex-direction: row !important;\n    align-items: center !important;\n    /* Allow truncation, stop bleeding over the edge. */\n    min-width: 0 !important;\n}\n\n/* gap replaces the spacer that separated the header label from its swatch. */\n.header {\n    gap: var(--wb-sizing-size_080) !important;\n}\n\n/* The \"text\" label row: grow to fill, with a gap before the text field. */\n.text-label {\n    margin-bottom: var(--wb-sizing-size_080) !important;\n    flex-grow: 1 !important;\n    gap: var(--wb-sizing-size_080) !important;\n}\n\n/* gap between the color select and the size control. */\n.color-row {\n    gap: var(--wb-sizing-size_160) !important;\n}\n\n/* gap replaces the spacer between the \"size\" label and its select. */\n.size-label {\n    gap: var(--wb-sizing-size_080) !important;\n}\n","/* We have to use !important until wonder blocks is in the shared layer. */\n/* TODO(LEMS-3686): Remove the !important once we don't need it anymore. */\n\n.accordion-header {\n    text-overflow: ellipsis !important;\n    /* A maximum width needs to be specified in order for the ellipsis to work. */\n    /* The 64px in the calculation accounts for the line swatch (56px) and the preceding strut (8px). */\n    /* Margin and padding won't work here because they would create space between the header text and the swatch. */\n    max-width: calc(100% - 64px) !important;\n    overflow: hidden !important;\n    white-space: nowrap !important;\n}\n\n.axis-menu {\n    min-width: auto !important;\n}\n\n.copy-paste-button {\n    flex-shrink: 0 !important;\n    margin: 0 2px !important;\n}\n\n.domain-min {\n    justify-content: space-between !important;\n    /* The 'width' property is applied to the label, which wraps the text and the input field. */\n    /* The width of the input fields (min/max) should be the same (to have a consistent look), */\n    /*     so the following calculation distributes the space accordingly. */\n    /* For the \"domain/range min\" block, the text is 82.7px, and the strut is 6px (88.7px total). */\n    /* The \"domain/range max\" block is 30.23px, and the strut is 6px (36.23px total). */\n    /* The calculation takes the remain space after the text & struts (141px total) are removed, */\n    /*     and divides it between the two input fields equally. */\n    /* The calculation reads: \"Take 1/2 of the non-text space, and add the required space for this label's text\" */\n    width: calc(((100% - 141px) / 2) + 88.7px) !important;\n    text-wrap: nowrap !important;\n}\n\n.domain-max {\n    /* See explanation for \"domainMin\" for the calculation below. */\n    width: calc(((100% - 141px) / 2) + 36.2px) !important;\n}\n\n.dropdown-label {\n    align-items: center !important;\n    display: flex !important;\n    /* gap replaces the spacer between the label text and its control. */\n    gap: var(--wb-sizing-size_060) !important;\n}\n\n/* Plain <ul> element, no !important needed. */\n.example-container {\n    background: white;\n    border: 1px solid var(--wb-semanticColor-core-border-neutral-subtle);\n    border-radius: 4px;\n    flex-grow: 1;\n    list-style-type: none;\n    /* Nothing special about the maxHeight value, */\n    /*    just a good height to partially show a 3rd example in the list */\n    /*    to hint at scrollable content. */\n    max-height: 88px;\n    margin: 8px 0 0 0;\n    overflow-y: scroll;\n    padding: 4px 12px 4px 4px;\n}\n\n.example-content {\n    font-family: \"Lato\", sans-serif !important;\n    flex-grow: 1 !important;\n    color: var(--wb-semanticColor-core-foreground-neutral-strong) !important;\n}\n\n/* Plain <li> element, no !important needed. */\n.example-row {\n    align-items: center;\n    display: flex;\n    flex-direction: row;\n    min-height: 44px;\n}\n\n.row-space {\n    margin-top: var(--wb-sizing-size_080) !important;\n}\n\n.row {\n    display: flex !important;\n    flex-direction: row !important;\n    align-items: center !important;\n}\n\n/* gap replaces the spacer that separated the header label from its swatch. */\n.header {\n    gap: var(--wb-sizing-size_080) !important;\n}\n\n/* Color/stroke row: gap between controls, with spacing below the row. */\n.color-row {\n    margin-bottom: var(--wb-sizing-size_080) !important;\n    gap: var(--wb-sizing-size_120) !important;\n}\n\n/* gap between the directional-axis dropdown and the equation field. */\n.axis-row {\n    gap: var(--wb-sizing-size_080) !important;\n}\n\n/* gap between the domain min and max controls. */\n.domain-row {\n    gap: var(--wb-sizing-size_160) !important;\n}\n\n/* Label settings styles */\n.add-button {\n    align-self: start !important;\n}\n\n.horizontal-rule {\n    height: 1px !important;\n    background-color: var(\n        --wb-semanticColor-core-border-neutral-subtle\n    ) !important;\n}\n\n/* Top spacing for a section start (a divider opening a section, or a heading). */\n.section-top {\n    margin-top: var(--wb-sizing-size_120) !important;\n}\n\n/* A divider that hugs the content directly above it. */\n.divider-tight {\n    margin-top: var(--wb-sizing-size_040) !important;\n}\n\n/* Indent for the example content text beside the copy/paste buttons. */\n.example-content-indent {\n    margin-inline-start: var(--wb-sizing-size_040) !important;\n}\n","/* We have to use !important until wonder blocks is in the shared layer. */\n/* TODO(LEMS-3686): Remove the !important once we don't need it anymore. */\n.row {\n    display: flex !important;\n    flex-direction: row !important;\n    align-items: center !important;\n}\n\n/* gap replaces the spacer that separated the header label from its swatch. */\n.header {\n    gap: var(--wb-sizing-size_080) !important;\n}\n\n.space-under {\n    margin-bottom: var(--wb-sizing-size_080) !important;\n}\n\n/* gap between the \"kind\" label and its select. */\n.kind-label {\n    gap: var(--wb-sizing-size_040) !important;\n}\n\n/* gap between the color select and the line style select. */\n.color-row {\n    gap: var(--wb-sizing-size_120) !important;\n}\n\n.error-text {\n    color: var(--wb-semanticColor-core-foreground-critical-default) !important;\n}\n\n.add-button {\n    align-self: start !important;\n}\n\n.horizontal-rule {\n    height: 1px !important;\n    background-color: var(\n        --wb-semanticColor-core-border-neutral-subtle\n    ) !important;\n}\n\n/* Top spacing for a section start (a divider opening a section, or a heading). */\n.section-top {\n    margin-top: var(--wb-sizing-size_120) !important;\n}\n\n/* A divider that hugs the content directly above it. */\n.divider-tight {\n    margin-top: var(--wb-sizing-size_040) !important;\n}\n","/* We have to use !important until wonder blocks is in the shared layer. */\n/* TODO(LEMS-3686): Remove the !important once we don't need it anymore. */\n.row {\n    flex-direction: row !important;\n    align-items: center !important;\n    /* gap replaces the Strut that separated the header label from its swatch. */\n    gap: var(--wb-sizing-size_080) !important;\n}\n\n.add-button {\n    align-self: start !important;\n}\n\n.horizontal-rule {\n    height: 1px !important;\n    background-color: var(\n        --wb-semanticColor-core-border-neutral-subtle\n    ) !important;\n}\n\n/* Top spacing for a section start (a divider opening a section, or a heading). */\n.section-top {\n    margin-top: var(--wb-sizing-size_120) !important;\n}\n\n/* A divider that hugs the content directly above it. */\n.divider-tight {\n    margin-top: var(--wb-sizing-size_040) !important;\n}\n","/* We have to use !important until wonder blocks is in the shared layer. */\n/* TODO(LEMS-3686): Remove the !important once we don't need it anymore. */\n.row {\n    display: flex !important;\n    flex-direction: row !important;\n    align-items: center !important;\n}\n\n/* gap replaces the spacer that separated the header label from its swatch. */\n.header {\n    gap: var(--wb-sizing-size_080) !important;\n}\n\n.space-under {\n    margin-bottom: var(--wb-sizing-size_080) !important;\n}\n\n.color-row {\n    margin-bottom: var(--wb-sizing-size_080) !important;\n    /* gap replaces the spacer between the color select and the fill control. */\n    gap: var(--wb-sizing-size_160) !important;\n}\n\n/* gap replaces the spacer between the \"fill\" label and its select. */\n.fill-label {\n    gap: var(--wb-sizing-size_060) !important;\n}\n\n.icon {\n    margin-inline-start: var(--wb-sizing-size_040) !important;\n}\n\n.polygon-actions-container {\n    width: 100% !important;\n}\n\n.movement-buttons-container {\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: center !important;\n    min-width: fit-content !important;\n}\n\n.truncated-width {\n    /* Allow truncation, stop bleeding over the edge. */\n    min-width: 0 !important;\n}\n\n.add-button {\n    align-self: start !important;\n}\n\n.horizontal-rule {\n    height: 1px !important;\n    background-color: var(\n        --wb-semanticColor-core-border-neutral-subtle\n    ) !important;\n}\n\n/* Top spacing for a section start (a divider opening a section, or a heading). */\n.section-top {\n    margin-top: var(--wb-sizing-size_120) !important;\n}\n\n/* A divider that hugs the content directly above it. */\n.divider-tight {\n    margin-top: var(--wb-sizing-size_040) !important;\n}\n","/* We have to use !important until wonder blocks is in the shared layer. */\n/* TODO(LEMS-3686): Remove the !important once we don't need it anymore. */\n.row {\n    flex-direction: row !important;\n    align-items: center !important;\n    /* gap replaces the Strut that separated the header label from its swatch. */\n    gap: var(--wb-sizing-size_080) !important;\n}\n\n.error-text {\n    color: var(--wb-semanticColor-core-foreground-critical-default) !important;\n    margin-top: var(--wb-sizing-size_080) !important;\n}\n\n.add-button {\n    align-self: start !important;\n}\n\n.horizontal-rule {\n    height: 1px !important;\n    background-color: var(\n        --wb-semanticColor-core-border-neutral-subtle\n    ) !important;\n}\n\n/* Top spacing for a section start (a divider opening a section, or a heading). */\n.section-top {\n    margin-top: var(--wb-sizing-size_120) !important;\n}\n\n/* A divider that hugs the content directly above it. */\n.divider-tight {\n    margin-top: var(--wb-sizing-size_040) !important;\n}\n","/* TODO(LEMS-3686): Remove the !important once Wonder Blocks is in the shared layer. */\n.button-container {\n    flex-direction: row !important;\n    align-items: center !important;\n    gap: var(--wb-sizing-size_120) !important;\n}\n\n.button {\n    margin-top: var(--wb-sizing-size_080) !important;\n    flex-grow: 1 !important;\n}\n","/* We have to use !important until wonder blocks is in the shared layer. */\n/* TODO(LEMS-3686): Remove the !important once we don't need it anymore. */\n.tile {\n    display: flex !important;\n    flex-direction: column !important;\n    gap: var(--wb-sizing-size_120) !important;\n    background-color: var(\n        --wb-semanticColor-core-background-instructive-subtle\n    ) !important;\n    margin-top: var(--wb-sizing-size_080) !important;\n    padding: var(--wb-sizing-size_120) !important;\n    border-radius: var(--wb-sizing-size_080) !important;\n}\n\n.tile-row {\n    display: flex !important;\n    flex-direction: row !important;\n    align-items: center !important;\n    gap: var(--wb-sizing-size_120) !important;\n    background-color: var(\n        --wb-semanticColor-core-background-instructive-subtle\n    ) !important;\n    margin-top: var(--wb-sizing-size_080) !important;\n    padding: var(--wb-sizing-size_120) !important;\n    border-radius: var(--wb-sizing-size_080) !important;\n}\n\n.row {\n    display: flex !important;\n    flex-direction: row !important;\n    align-items: center !important;\n    gap: var(--wb-sizing-size_120) !important;\n}\n\n.label-field {\n    display: flex !important;\n    flex-direction: row !important;\n    align-items: center !important;\n    gap: var(--wb-sizing-size_060) !important;\n}\n\n.label-prefix {\n    display: inline-block !important;\n    min-inline-size: var(--wb-sizing-size_400) !important;\n    text-align: right !important;\n}\n\n.text-field-wrapper {\n    inline-size: var(--wb-sizing-size_800) !important;\n}\n\n.point-label-field {\n    inline-size: var(--wb-sizing-size_640) !important;\n}\n\n.equationSection {\n    margin-top: var(--wb-sizing-size_120) !important;\n}\n\n.equationBody {\n    background-color: var(\n        --wb-semanticColor-core-background-neutral-subtle\n    ) !important;\n    border: var(--wb-border-width-thin) solid\n        var(--wb-semanticColor-core-border-neutral-subtle) !important;\n    margin-top: var(--wb-sizing-size_080) !important;\n    padding-left: var(--wb-sizing-size_080) !important;\n    padding-right: var(--wb-sizing-size_080) !important;\n    font-size: var(--wb-font-size-xSmall) !important;\n}\n\n.reset-button {\n    margin-top: var(--wb-sizing-size_120) !important;\n}\n",".title {\n    font-family: inherit;\n    font-size: 15px;\n    font-weight: bold;\n    line-height: 22px;\n    margin-bottom: var(--wb-sizing-size_060);\n    color: #626569; /* gray17 */\n}\n\n.answers {\n    margin-top: var(--wb-sizing-size_120);\n    margin-bottom: var(--wb-sizing-size_120);\n}\n\n.answer {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(--wb-sizing-size_160);\n}\n\n.answer:not(:first-child) {\n    margin-top: var(--wb-sizing-size_120);\n}\n\n.add-answer {\n    font-family: inherit;\n    font-size: 15px;\n    font-weight: bold;\n    line-height: var(--wb-sizing-size_220);\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(--wb-sizing-size_160);\n    color: var(--wb-semanticColor-link-rest);\n}\n\n.add-answer:link {\n    color: var(--wb-semanticColor-link-rest);\n}\n\n.disabled {\n    cursor: not-allowed;\n}\n",".title {\n    font-family: inherit;\n    font-size: 15px;\n    font-weight: bold;\n    line-height: var(--wb-font-body-lineHeight-large);\n    margin-bottom: var(--wb-sizing-size_060);\n    color: #626569; /* gray17 */\n}\n\n.option {\n    display: flex;\n    padding: var(--wb-sizing-size_060) var(--wb-sizing-size_0);\n}\n\n.label {\n    /* TODO: could we use WB typography? */\n    font-family: inherit;\n    font-size: 15px;\n    line-height: 1.25;\n    margin-left: var(--wb-sizing-size_160);\n    color: #626569; /* gray17 */\n}\n\n.selectLabel {\n    margin-right: var(--wb-sizing-size_080);\n}\n\n.small-spacer {\n    height: var(--wb-sizing-size_160);\n}\n\n.large-spacer {\n    height: var(--wb-sizing-size_320);\n}\n",".title {\n    font-family: inherit;\n    font-size: 15px;\n    font-weight: bold;\n    line-height: 22px;\n    margin-bottom: var(--wb-sizing-size_060);\n    color: #626569; /* gray17 */\n}\n\n.image-row {\n    display: flex;\n    gap: var(--wb-sizing-size_160);\n}\n","/* TODO(LEMS-3686): Remove the !important once Wonder Blocks is in the shared layer. */\n\n/* inline-flex so the (single-select) group flows inline with adjacent\n * labels/badges (e.g. the \"Status\" label) instead of wrapping onto its own\n * line. It stays cohesive — its segments never split across lines; the whole\n * group wraps below the label as a unit if there isn't room. */\n.group {\n    display: inline-flex !important;\n    flex-direction: row !important;\n    align-items: center !important;\n    vertical-align: middle !important;\n    gap: var(--wb-sizing-size_080) !important;\n}\n\n/* Multi-select group: wraps onto multiple rows as an aligned grid with\n * consistent row + column gaps. Stretch to the full available width so it only\n * wraps when the segments genuinely don't fit on one line (not because a flex\n * parent shrank it to content width). */\n.wrap-group {\n    display: flex !important;\n    flex-direction: row !important;\n    flex-wrap: wrap !important;\n    align-items: center !important;\n    align-self: stretch !important;\n    gap: var(--wb-sizing-size_080) !important;\n}\n\n/* The segment IS the Clickable's <button>. Clickable already inherits the font,\n * resets the text decoration, and sets the cursor (pointer / not-allowed when\n * disabled); here we add the visual box. Its variants are driven by selectors\n * below — selected via `[aria-checked=\"true\"]`, disabled via `[aria-disabled]`,\n * hover via `:hover` — so the markup needs only this one static class. The\n * keyboard focus ring is a rounded box-shadow (follows the border radius, unlike\n * `outline`) shown only on `:focus-visible` so it doesn't appear after a click. */\n.segment {\n    display: flex !important;\n    flex-direction: row !important;\n    align-items: center !important;\n    justify-content: center !important;\n    padding-block: var(--wb-sizing-size_040) !important;\n    padding-inline: var(--wb-sizing-size_120) !important;\n    border-radius: var(--wb-border-radius-radius_040) !important;\n    border: var(--wb-border-width-thin) solid\n        var(--wb-semanticColor-core-border-neutral-subtle) !important;\n    background-color: var(\n        --wb-semanticColor-core-background-base-default\n    ) !important;\n    color: var(--wb-semanticColor-core-foreground-neutral-strong) !important;\n    font-size: var(--wb-font-body-size-small) !important;\n    line-height: var(--wb-font-body-lineHeight-small) !important;\n    white-space: nowrap !important;\n}\n\n.segment:focus-visible {\n    outline: none !important;\n    box-shadow: 0 0 0 var(--wb-border-width-medium)\n        var(--wb-semanticColor-focus-outer) !important;\n}\n\n/* Hover only when interactive and not already selected. */\n.segment:not([aria-disabled=\"true\"]):not([aria-checked=\"true\"]):hover {\n    border-color: var(\n        --wb-semanticColor-core-border-neutral-default\n    ) !important;\n    background-color: var(\n        --wb-semanticColor-core-background-neutral-subtle\n    ) !important;\n}\n\n.segment[aria-checked=\"true\"] {\n    background-color: var(\n        --wb-semanticColor-core-background-instructive-default\n    ) !important;\n    border-color: var(\n        --wb-semanticColor-core-background-instructive-default\n    ) !important;\n    color: var(--wb-semanticColor-core-foreground-knockout-default) !important;\n}\n\n.segment[aria-disabled=\"true\"] {\n    background-color: var(\n        --wb-semanticColor-core-background-disabled-subtle\n    ) !important;\n    border-color: var(\n        --wb-semanticColor-core-border-disabled-default\n    ) !important;\n    color: var(--wb-semanticColor-core-foreground-disabled-default) !important;\n}\n\n.segment[aria-disabled=\"true\"][aria-checked=\"true\"] {\n    background-color: var(\n        --wb-semanticColor-core-background-disabled-strong\n    ) !important;\n    border-color: var(\n        --wb-semanticColor-core-background-disabled-strong\n    ) !important;\n    color: var(--wb-semanticColor-core-foreground-disabled-strong) !important;\n}\n",".tile {\n    display: flex;\n    flex-direction: column;\n    background-color: var(\n        --wb-semanticColor-core-background-instructive-subtle\n    );\n    border: 1px solid var(--wb-semanticColor-core-border-neutral-subtle);\n    border-radius: var(--wb-sizing-size_120);\n    padding-inline: var(--wb-sizing-size_120);\n    padding-block: var(--wb-sizing-size_080);\n    margin-block-start: var(--wb-sizing-size_120);\n    margin-block-end: var(--wb-sizing-size_120);\n}\n\n.status-row {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: var(--wb-sizing-size_080);\n    margin-block-end: var(--wb-sizing-size_080);\n}\n\n.radio-option-actions-container {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    margin-block-start: var(--wb-sizing-size_080);\n}\n\n.button-row {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    margin-block-start: var(--wb-sizing-size_080);\n}\n\n.image-editor-container {\n    display: flex;\n    flex-direction: column;\n    position: relative;\n    padding: var(--wb-sizing-size_080);\n    padding-block-start: var(--wb-sizing-size_240);\n    border: 1px solid var(--wb-semanticColor-core-border-neutral-default);\n    border-radius: var(--wb-sizing-size_080);\n    margin-block-start: var(--wb-sizing-size_080);\n    background-color: var(--wb-semanticColor-core-background-base-default);\n}\n"]}